html{scroll-behavior:smooth}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:lighter;color:#ffffffde;color:#f2f2f2;background-color:#0c1115;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.slide-in{z-index:999;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0f0f0f;transform-origin:bottom}.slide-out{z-index:999;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0f0f0f;transform-origin:top}.reveal{margin-top:20px;margin-bottom:160px;opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.22,1,.36,1)}.reveal.active{opacity:1;transform:translateY(0)}body{margin:0}body>div{margin-top:2%;margin-left:10%;margin-right:10%}.Nav{z-index:999;display:block;width:fit-content;position:sticky;margin-left:auto;color:#f2f2f2;text-decoration:none;font-size:36px}.Nav:after{content:"";position:absolute;bottom:0;right:0;height:1px;width:0%;background:#fff;transition:width .25s ease-out}.Nav:hover:after{width:100%}.openingLayout{margin:0;padding:0;width:100vh;height:100vh}.loading{width:0%;height:100%;animation:loading 2s ease forwards}@keyframes loading{0%{width:0%}to{width:100%}}.school{margin-top:60px}.container-img-text{display:grid;grid-template-columns:1fr 1fr;gap:25px}.container-img-text img{object-fit:contain;width:600px}.container-img-text p{text-align:justify}@media(max-width:1215px){.container-img-text{grid-template-columns:1fr}}.grid{display:grid;gap:12px}.card{position:relative;text-align:center;max-width:750px;max-height:405px}.card:before{visibility:hidden;box-sizing:border-box;z-index:900;content:"";position:absolute;top:0;left:0;width:0;height:0;border-top:1px solid white;border-left:1px solid white;transition:width .5s ease,height .5s ease,transform .5s ease,visibility .5s ease}.card:after{visibility:hidden;box-sizing:border-box;z-index:900;content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-right:1px solid white;border-bottom:1px solid white;transition:width .5s ease,height .5s ease,transform .5s ease,visibility .5s ease}.card:hover:before,.card:hover:after{visibility:visible;opacity:1;width:100%;height:100%;transform:scale(1.03);transition:width .5s ease,height .5s ease,transform .5s ease}.card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover img{transform:scale(1.03)}.ProjectRow{display:flex}.TechStack{list-style-type:none;opacity:0;transform:translate(-30px);transition:opacity .1s ease,transform .3s ease}.ProjectRow:hover .TechStack{opacity:1;transform:translate(0)}.ProjectDetails>span{display:block;margin-top:70px}.icon{align-items:center;display:flex}.icon img{max-width:90px}.icon span{font-size:40px}.SpriteIcon{display:flex;gap:50px;align-items:center}.SpriteIcon img{max-width:140px}.LevelIcon{display:flex;text-align:justify;flex-wrap:wrap;gap:40px}.LevelIcon>div{flex:1 1 400px}.LevelIcon img{width:100%;height:auto}.TextDescription{max-width:700px;text-align:justify}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}