h1{font-family:bicyclette,sans-serif;font-weight:300;font-size:4.625rem;text-transform:uppercase}.full-h1{font-weight:800;font-size:192px}h3{font-family:bicyclette,sans-serif;font-weight:300;font-size:1.8rem}h4{font-family:mundial,sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:.125rem}h5{font-family:mundial,sans-serif;font-weight:300;font-size:.7rem;letter-spacing:.125rem}i,p{font-family:mundial,sans-serif;font-weight:200;letter-spacing:.125rem;font-size:1.25rem}nav i{font-family:mundial,sans-serif;font-weight:200;letter-spacing:.125rem;font-size:1rem}a{font-family:mundial,sans-serif;font-weight:200;letter-spacing:.125rem;text-decoration:none;color:#fff;font-size:1.25rem}#date{font-family:bicyclette,sans-serif;font-weight:400;font-size:.9375rem;letter-spacing:normal}*{margin:0;padding:0;list-style:none;text-decoration:none;scroll-behavior:smooth}body{background-color:#101010;color:#fff;overflow-x:hidden}nav{position:fixed;height:100vh;display:flex;align-items:center;z-index:99}nav a{line-height:0}nav ul{padding:0 30px;display:flex;flex-direction:column;gap:45px}nav ul li{text-align:center;display:flex;align-items:center}nav ul li svg{filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, .5))}nav ul li .icon-text{position:absolute;display:block;width:max-content;margin-left:50px;margin-bottom:5px}main{display:flex;flex-direction:column;gap:50px}main>div{position:relative;min-height:98vh;text-align:right;display:flex;flex-direction:column;justify-content:right;align-items:flex-end;padding:0 30px}main>div .full-h1{position:absolute;left:20%;opacity:15%}main #projects{min-height:960px}main #experience{min-height:1321px}main #education{height:1238px;min-height:1238px}main #contact>div{display:flex;flex-direction:column;justify-content:center;gap:15px;width:45%;height:100vh;margin-left:auto}main #contact .contact-item{display:flex;flex-direction:row;align-items:center;gap:10px}main #contact .contact-item a{font-size:1.875rem;font-weight:400}main #contact .contact-item svg{margin-top:9px}main #welcome{position:relative}main #welcome p{text-align:right;max-width:600px}.items{margin-top:auto}.items .item{max-width:1050px;margin-bottom:25px;cursor:pointer;z-index:99}.items .item .item-info{max-width:700px;margin-left:auto;position:relative}.items .item .item-info img{max-width:700px;width:100%;height:auto;border-radius:10px;margin:20px 0}#see-more{position:absolute;bottom:0;width:100vw;text-align:center}#gradient-overlay{height:550vh;width:100vw;position:fixed}.bg-wrap{position:absolute;padding:0;right:0;width:100%;height:100vh}#welcome-bg{right:0;height:100%;mask-image:radial-gradient(center right,circle,rgba(0,0,0,0),rgba(0,0,0,.6));-webkit-mask-image:-webkit-gradient(radial,50% 50%,100,90% 50%,800,from(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));filter:saturate(0)}a{position:relative}a:hover{text-decoration:none}#nav-info,#see-more{transition:opacity .5s ease-out;opacity:0}nav{transform:translateX(-100px);transition:transform 1s cubic-bezier(0,.5,0,1)}ul{transform:scale(1) translateX(0);transition:transform 1s cubic-bezier(0,.5,0,1)}.full-h1{transition:opacity .5s ease-out}.nav-icon{transition:transform .5s cubic-bezier(0,.5,0,1);transition:.5s ease}.icon-text{opacity:0;transition:opacity .3s ease-out}.item-info{display:none;opacity:0;transform:translateX(700px);transition:all .5s cubic-bezier(0,.5,0,1)}#welcome-bg{transition:opacity 1s ease;opacity:0}@media (hover:hover) and (pointer:fine){a:hover .nav-icon{transform:scale(1.1);filter:saturate(100%);opacity:1}#websites a::after,.contact-item a::after{border-radius:1em;border-top:.1em solid #fff;content:"";position:absolute;right:100%;bottom:0;left:0;transition:right .4s cubic-bezier(0,.5,0,1)}#websites a:hover::after,.contact-item a:hover::after{right:0}li:hover i{display:inline}li:hover .icon-text{opacity:1}nav:hover ul{transform:scale(1.02) translateX(10px);transition:transform 1s cubic-bezier(0,.5,0,1)}nav:hover #logo{filter:saturate(100%);opacity:1}nav:hover svg{transform:scale(1);filter:saturate(0);opacity:.2}nav:hover #nav-info{opacity:0!important}.active{transform:scale(1.25);filter:saturate(100%);opacity:100%}.inactive{transform:scale(1);filter:saturate(0);opacity:20%}.item{transition:opacity .5s ease-out}.items:hover .item:not(:hover){opacity:.15}.item:hover{opacity:1}.item:hover .item-info{z-index:99}}@media (min-width:1251px) and (max-width:1400px){#nav-info,#see-more{visibility:hidden}.items{width:50%;margin-left:auto}}@media (max-width:1250px){#nav-info,#see-more{display:none}.full-h1{opacity:5%!important}.items{width:100%}.item{margin-left:auto}#welcome p{margin-left:auto}}@media (max-width:1024px){.bg-wrap{display:flex}#welcome-bg{width:100%;height:100%;object-fit:cover;justify-content:center;overflow:hidden}}@media (max-width:900px){h1{font-size:3rem}#welcome p{font-size:1.0625rem}main>div{width:90%;height:100%;padding:0 5%}#contact>div{width:100%!important}.contact-item{margin:0 auto}nav{height:unset;width:100vw}nav ul{padding:15px;width:100%;flex-direction:row;justify-content:space-between;gap:0}nav ul li{display:flex;align-items:center}#welcome{margin-bottom:120px}#welcome-bg{mask-image:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 85%);-webkit-mask-image:-webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0) 85%)}.item-info a{font-size:1.0625rem}}