@font-face{font-family:Montserrat;src:url(/Montserrat-Regular.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(/Montserrat-Bold.ttf);font-weight:700}@font-face{font-family:Montserrat;src:url(/Montserrat-Black.ttf);font-weight:900}:root{--color-primary:#2a6abd;--color-black:black;--color-white:white;--color-dark:#171717;--color-light:#d8d8d8}body,html,#root{width:100%;height:100%;margin:0}*{font-family:Montserrat}h1,h2,h3{color:var(--color-primary);font-weight:700}button:hover{cursor:pointer}#router{background-color:var(--color-dark);color:var(--color-white);flex-direction:column;align-items:center;width:100%;min-height:100%;display:flex}#page{flex-direction:column;flex-grow:2;width:clamp(550px,50%,900px);max-width:90%;padding-bottom:30px;display:flex}#navbar-container{z-index:2;position:sticky;top:0}#links-container{background-color:var(--color-dark);justify-content:center;align-items:center;gap:20px;display:flex}#links-container a{color:var(--color-light);-webkit-text-decoration:underline var(--color-primary) 3px;text-decoration:underline var(--color-primary) 3px;font-weight:700}@media only screen and (width<=600px){#links-container{flex-direction:column;font-size:30px;transition:transform .2s ease-in-out;position:fixed;inset:50px;transform:translate(150%);box-shadow:0 0 100px #000}#collapse-btn{box-shadow:0px 0px 10px var(--color-dark);background-color:var(--color-primary);color:var(--color-dark);border:none;border-radius:10px;width:70px;height:70px;padding:15px;font-weight:800;transition:transform .3s ease-in-out;position:fixed;bottom:15px;right:15px}.navbar-expanded #collapse-btn{transform:rotate(180deg)}.navbar-expanded #links-container{transform:translate(0%)}}@media only screen and (width>=601px){#links-container{border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding-block:20px;font-size:20px;box-shadow:0 0 10px #000}#collapse-btn{display:none}}#avatar{border:2px solid var(--color-primary);border-radius:50%;width:200px;height:200px}#header-span{color:var(--color-light);font-weight:700}#header{gap:30px;margin-top:30px;display:flex}@media only screen and (width<=600px){#header{flex-direction:column;margin-top:50px}}#header p{font-size:17px;line-height:25px}#about-data{flex-direction:column;align-items:center;gap:10px;display:flex}#about-icons{align-items:center;gap:10px;display:flex}#about-icons img{width:30px}#about-content h1{margin-top:0}.story-element{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(250px,33.3333%)),1fr));gap:20px;display:grid}.story-element img{width:100%}#story{flex-direction:column;gap:20px;display:flex}#story a{color:var(--color-light)}.project{border:2px solid var(--color-primary);color:#000;border-radius:5px;padding:20px;text-decoration:none;position:relative}.project .char-btn{border:2px solid var(--color-light);width:23px;height:23px;color:var(--color-light);background-color:#0000;border-radius:100px;font-weight:700;position:absolute;top:15px;right:15px}.project a{color:var(--color-light);text-decoration:none}.project h2{margin-top:0}.project #project-info-container{z-index:1;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#project-info-container #project-info{background-color:var(--color-dark);color:var(--color-light);border-radius:10px;width:clamp(550px,50%,900px);max-width:90%;padding:20px;line-height:25px;position:relative;overflow-y:auto}#projects{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}