@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;font-family:Space Grotesk,sans-serif;height:100%;background-color:#181824}#root{padding-top:1px;margin:0;min-height:100vh}.navigation{position:fixed;top:0;width:100vw;background-color:#2b2c3de6;color:#fff;z-index:10;box-shadow:0 -2px 10px #414474}.navigation ul{padding:0;display:flex;justify-content:center}.navigation ul li{display:inline;margin-inline:3vw;padding-bottom:.4vh;font-size:2.5vh;border-bottom:solid 1px rgba(255,255,255,0);transition:.2s}.navigation ul li:hover{border-color:#fffc;cursor:pointer;scale:1.04}.nav_link{width:100%;text-decoration:none;color:#fff}.nav_link:visited{color:#fff}.title{position:relative;margin-top:37vh;height:20vh;width:100vw;display:flex;justify-content:center;color:#fff;font-size:6vh}.separator{margin:0 auto;width:90%;height:1px;background-color:#cacaca80;border:none}#projectsNav{margin-top:40vh}#cvNav{margin-top:6vh;margin-bottom:10vh}.CV_container{position:relative;width:100vw;justify-content:center;color:#fff;font-size:6vh;margin-bottom:10vh}.CV_container img{display:block;margin:0 auto;width:60%}@media (max-width: 900px){.CV_container img{width:80%}}@media (max-width: 700px){.CV_container img{width:95%}}.project_container{width:90%;margin:0 auto;margin-top:8vh;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width: 900px){.project_container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.project_container{grid-template-columns:repeat(1,1fr)}}@keyframes appear{0%{opacity:.1;scale:.9}to{opacity:1;scale:1}}.project{animation:appear linear;animation-timeline:view();animation-range:entry cover 25%;display:flex;position:relative;border-radius:5px;transition:all .4s cubic-bezier(.175,.885,0,1);box-shadow:0 13px 10px -7px #0000001a;overflow:hidden;cursor:pointer}.project:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.project img{width:100%;object-fit:cover}.project div{opacity:0;z-index:2;background-color:#27223adc;padding:40% 10% 10%;color:#fff;position:absolute;top:0;right:0;left:0;bottom:0;transition:.5s}.project div:hover{opacity:1;box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.empty{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center}.empty h2{font-size:1.25rem;color:#f9d3b4;font-family:var(--font-raleway)}.modal_overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;z-index:1000}.modal_content{background-color:#27223a;color:#fff;padding:2vw;margin-top:2vh;border-radius:8px;width:80%;max-width:800px;position:relative;overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.modal_content::-webkit-scrollbar{display:none}.modal_content h3{text-align:center}.modal_close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:transform .2s}.modal_close:hover{transform:scale(1.2)}.modal_content img{width:100%;height:auto;margin-top:1vh;border-radius:5px}