:root{--max-vw: 1800px;--color-primary: #030b16;--color-secondary: #081425;--color-highlight: #64ffda;--color-text-primary: #ccd6f6;--color-text-secondary: #8892b0;--color-text-primary: #030b16;--color-text-secondary: #081425;--color-highlight: #143f7c;--color-primary: #ffffff;--color-secondary: #f8f8f8}html{font-size:18px}body{font-family:"Noto Sans", serif;line-height:1.6;margin:0;padding:0;background-color:var(--color-primary);color:var(--color-text-primary)}.container{width:100%;padding:0px;margin:auto;max-width:var(--max-vw)}p{text-align:justify}footer p{text-align:center}a{color:var(--color-text-primary);text-decoration-line:underline;font-weight:normal}.portfolio-topic h3 a{font-weight:bold}a:hover{color:var(--color-highlight);text-decoration-line:underline}h1 a{font-weight:bold;text-decoration:none}header{background:var(--color-primary);color:var(--color-text-primary);padding-top:20px;padding:20px;min-height:70px;position:sticky;top:0;transition:transform 0.2s ease-in-out;z-index:1000;border-bottom:var(--color-highlight) 0px solid;display:flex;align-items:center}header.hide{transform:translateY(-100%)}header div.nav-title h1{margin:10px;text-align:left;flex:auto}header div.nav-title button.nav-button{display:none;font-size:24px;padding:10px;color:var(--color-text-primary);flex:auto}header nav{position:absolute;right:0px;padding:20px}header nav ul#menu{margin:0;padding:0;font-size:18px;flex:auto;display:inline-flex}header nav ul#menu li{list-style:none;flex:auto}header nav ul#menu li a{font-size:18px;text-align:center;font-weight:bold;text-decoration:none;padding:12px 16px;padding:10px 0px;padding:0px 20px}header nav ul#menu li.active{text-decoration:underline}section{padding:0px;margin:20px 0px;border-radius:0px;margin:20px 20px;scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow:auto}.grid-container{display:grid;grid-template-columns:1fr minmax(0px, 1fr);gap:20px}.grid-container-text{background-color:var(--color-secondary);background:var(--color-secondary);padding:20px 30px}div.grid-container-text ul{list-style-type:square;list-style-position:outside}.grid-container-profile{display:flex;justify-content:center;align-items:center}.profile-pic{width:100%;height:auto;height:100%;object-position:50% 0;object-fit:cover}.bio{background:var(--color-secondary);border-radius:5px}footer{background:var(--color-secondary);color:var(--color-text-secondary);text-align:center;padding:20px 0;margin-top:20px}button{background-color:transparent;color:var(--color-highlight);border:1px solid var(--color-highlight);padding:10px 20px;border-radius:5px;cursor:pointer;transition:all 0.3s ease}button:hover{background-color:rgba(100,255,218,0.1)}.go-top-btn{--offset: 50px;position:fixed;bottom:20px;right:20px;margin-right:10px;place-self:end;margin-top:calc(100vh + var(--offset));width:45px;aspect-ratio:1;color:var(--color-primary);background:var(--color-highlight);border-radius:10px;transition:opacity 0.3s, visibility 0.3s}.go-top-btn:before{content:"";position:absolute;inset:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--color-primary);border-right:5px solid var(--color-primary)}.go-top-btn:hover{background-color:rgba(100,255,218,0.8)}@media screen and (max-width: 1000px){.grid-container{grid-template-columns:1fr;gap:20px}.profile-pic{margin:0px auto;max-width:100vw;max-height:auto;aspect-ratio:3/2;object-position:48% 24.8%;object-position:50% 22%}header{display:block}header *{flex:none}header div.nav-title{display:inline-flex;width:100%;align-items:center}header div.nav-title button.nav-button{display:block;right:0px;flex:inherit}header nav{position:unset;padding:0px}header nav ul#menu{display:none;float:none;margin:10px 10px}header nav ul#menu.show{display:block}header nav ul#menu li{display:block;padding:10px 10px}iframe{max-width:100% !important;width:auto !important;height:auto !important}.grid-container-text{padding:10px 20px}}@keyframes fadeInUp{0%{transform:translate(0px, 100px);opacity:0}100%{transform:translate(0px, 0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}