:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background-color:#fff;font-family:Sora,sans-serif}.wrapper{height:100vh;box-sizing:border-box;background:#e7e7e7}.container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;gap:5em;justify-content:center;align-items:center;color:#fff}.text-container{color:#fff;border-radius:15px;padding:30px;width:600px;font-family:Sora;text-shadow:2px 2px 2px black}.title{font-size:2.7em;font-weight:700}.description{font-size:1.65em;font-weight:500;margin-top:1em;margin-bottom:1.5em}.email{font-size:1.5em;font-weight:300}.bgImg{width:100%;height:100%;pointer-events:none;object-fit:cover;position:absolute;z-index:0}.hero-content{width:100%;height:100%;background-color:#57575700;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;color:#fff;padding:40px 50px}.hero-section-top{display:flex;justify-content:space-between;align-items:flex-start}.hero-section-bottom{display:flex;justify-content:space-between;align-items:flex-end}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section-top{animation:fadeInTop 1s ease-out forwards}.hero-section-bottom{animation:fadeInBottom 1s ease-out forwards;opacity:0}h2{font-size:2.5em;font-weight:600;margin:0;font-weight:700}p{font-size:1.25em;font-weight:400;margin:0}.btn{display:inline-block;padding:.75em 1.5em;background-color:#000;color:#9e9e9e;border:none;border-radius:2em;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#4e4e4e,#000);transition:all .4s ease;z-index:-1}.btn:hover:before{left:0}.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.hero-center{text-align:center;animation:fadeInUp 1.2s ease forwards;opacity:1;display:flex;flex-direction:row;gap:3em;margin:auto}.hero-center h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hero-center p{font-size:1.2rem;color:#d1d5db}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-down{margin-left:50px;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;animation:fadeIn 1.5s ease forwards .8s}.scroll-down a{text-decoration:none;color:#fff;font-weight:300;font-size:1rem;transition:all .3s ease}.scroll-text{display:block;margin-bottom:.3rem;opacity:.8}.arrow{font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}html{scroll-behavior:smooth}.profile-pic{width:320px;height:320px;object-fit:cover;display:block;filter:drop-shadow(-10px 10px 5px #1a1a1a7e)}.hero-text{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-family:Sora,sans-serif}.homepageContent{max-width:1200px;margin:0 auto;padding-top:3em;display:flex;flex-direction:column;gap:5em;align-items:center;justify-content:center}.aboutMe{width:100%;display:flex;gap:3em}.aboutMe-container{height:400px;display:flex;flex-direction:column}.projects-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.projects-container>h3{font-size:2rem;font-weight:600;margin:0;padding:0;margin-bottom:1rem}.project-card-horizontal{position:relative;width:1200px;height:275px;border-radius:1rem;overflow:hidden;box-shadow:0 8px 20px #0003;transition:transform .3s ease}.project-card-horizontal:hover{transform:translateY(-5px)}.project-img-wrapper{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.projects-text{display:flex;flex-direction:row;text-align:center;justify-content:space-between;align-items:center}.project-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease;object-position:center top}.project-card-horizontal:hover .project-img{transform:scale(1.03);filter:brightness(.85)}.project-title-overlay{position:absolute;bottom:0;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff;box-sizing:border-box}.project-title{margin:0;font-size:2.25em;font-weight:600;text-shadow:3px 3px 1px rgba(0,0,0,.8);background-color:#222;width:fit-content}.project-info{position:absolute;top:0;right:0;width:100%;max-width:50%;height:100%;background-color:#000000e6;color:#fff;padding:0 1.2em;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;pointer-events:none;z-index:2}.project-info h3{font-size:1.5rem;font-weight:700;margin:0 0 20px;background-color:#0009;border-radius:.25rem;display:inline-block}.project-card-horizontal:hover .project-info{opacity:1;transform:translate(0);pointer-events:auto}.project-desc,.project-program{font-size:1rem;line-height:1.5;margin-bottom:.75em;text-shadow:1px 1px 3px rgba(0,0,0,.4)}@media (hover: hover) and (pointer: fine){.project-card-horizontal:hover .project-img{transform:scale(1.03);filter:brightness(.85)}.project-card-horizontal:hover .project-info{opacity:1;transform:translate(0);pointer-events:auto}}.projectsPage{margin:0 auto;padding-top:8rem;display:flex;flex-direction:column;gap:1.5em;align-items:center;height:calc(100vh - 8rem - 132px)}.projectsPage-header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px}.projectsPage-header .projectsPage-title{background-color:#2220}.projectsPage-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.projectsPage-filters{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.5rem 1rem;background-color:#eee;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease;font-size:1rem}.filter-btn.active,.filter-btn:hover{background-color:#222;color:#fff}.projectsPage-container{width:100%;background-color:#b4b4b465;padding:2em;border-radius:.2em;max-width:1200px;height:100%;overflow:auto;max-height:100vh;scrollbar-gutter:stable}.projectsPage-card-container{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.projectsPage-card{position:relative;width:100%;height:200px;border-radius:1rem;overflow:hidden;box-shadow:0 8px 20px #0003;transition:transform .3s ease;border:1px solid #22222233}.projectsPage-card:hover{transform:translateY(-5px)}.projectsPage-img-wrapper{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.projectsPage-img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease,filter .4s ease}.projectsPage-card:hover .projectsPage-img{transform:scale(1.03);filter:brightness(.85)}.projectsPage-title-overlay{position:absolute;bottom:0;width:100%;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;box-sizing:border-box}.projectsPage-title{font-size:1.5rem;font-weight:700;margin:0;background-color:#0009;padding:.25em .5em;border-radius:.25rem;display:inline-block}.projectsPage-info{position:absolute;top:0;right:0;width:100%;max-width:320px;height:100%;background-color:#000000d9;color:#fff;padding:1.2em;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;pointer-events:none;z-index:2}.projectsPage-card:hover .projectsPage-info{opacity:1;transform:translate(0);pointer-events:auto}.projectsPage-desc,.projectsPage-program,.projectsPage-category{font-size:1rem;margin-bottom:.75em;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.test{display:block;height:200px}header{z-index:999;position:fixed;width:100%}nav{display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5f2;color:#000;max-width:1350px;margin:1em auto 0;height:5rem;border-radius:15px;border:1px solid rgba(0,0,0,.1);box-shadow:#1e1e1e7e 0 4px 7px}.logo{font-family:Sora;font-size:2em;font-weight:800;display:flex;align-items:center;cursor:default}.logo div{display:inline-block;transition:transform .3s ease}@keyframes bounceUpWithPause{0%{transform:translateY(0)}15%{transform:translateY(-8px)}30%{transform:translateY(0)}to{transform:translateY(0)}}.logo:hover div{animation:bounceUpWithPause 1.3s ease-in-out infinite}.logo:hover div:nth-child(1){animation-delay:0s}.logo:hover div:nth-child(2){animation-delay:.05s}.logo:hover div:nth-child(3){animation-delay:.1s}.logo:hover div:nth-child(4){animation-delay:.15s}.logo:hover div:nth-child(5){animation-delay:.2s}.logo:hover div:nth-child(6){animation-delay:.25s}.logo:hover div:nth-child(7){animation-delay:.3s}.logo:hover div:nth-child(8){animation-delay:.35s}.logo:hover div:nth-child(9){animation-delay:.35s}.headerMenu{display:flex;gap:2em;justify-content:center;align-items:center}.menuItem{position:relative;font-family:Sora;font-weight:600;cursor:pointer;padding:.5em 0;transition:color .3s ease,transform .3s ease;text-decoration:none;color:#d6d6d6}.menuItem:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;border-radius:2px}.menuItem:hover{color:#fff;transform:translateY(-2px)}.menuItem:hover:after{transform:scaleX(1);transform-origin:left}.extraMenu{display:flex;align-items:center;gap:1em}.mode{width:50px;height:50px;border:solid black 2px;border-radius:50px;cursor:pointer}.languageBlock{display:flex;align-items:center;justify-content:center}.langContainer{width:50px;height:50px;border:solid black 2px;border-radius:50px;display:flex;justify-content:space-evenly;align-items:center;transition:width .3s;transition-timing-function:ease}.langContainer:hover{cursor:pointer;width:150px}.langContainer svg{opacity:0;transition:opacity .3s ease,transform .3s ease}.langContainer:hover svg,.langContainer svg.visible{opacity:1;transform:scale(1)}.langContainer svg.hidden{opacity:0;transform:scale(.8);display:none}.langContainer svg{cursor:pointer;margin:0 5px}.langContainer{display:flex;justify-content:center;align-items:center}.footer{background-color:#262523;color:#fff;padding:20px;margin-top:50px}.footer-text{display:flex;justify-content:space-between;flex-direction:row;max-width:1200px;margin:0 auto;align-items:center}.footer-text a{text-decoration:none;color:#fff}.logos{display:flex;gap:1.2em;justify-content:center;align-items:center}