*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px;font-size:18px}body{color:#e5e5e5;letter-spacing:.01071em;background:#1b1b1b;margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.43}p{margin:0 0 1.45rem;padding:0}a{color:#037daf;text-decoration:none}strong{font-weight:700}.container{width:100%;max-width:1280px;margin:auto;padding:clamp(8px,10%,24px)}.button,.icon-button,.button--big{box-sizing:border-box;letter-spacing:.02857em;text-transform:uppercase;min-width:64px;color:inherit;border-radius:4px;padding:4px 5px;font-size:.8125rem;font-weight:500;line-height:1.75;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.button:hover,.icon-button:hover,.button--big:hover{background-color:#0000000a}.button--big{padding:8px;font-size:.875rem}.icon-button{font-size:1.5rem;line-height:unset;vertical-align:middle;min-width:unset;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:inline-flex}.icon-button svg{fill:currentColor;width:1em;height:1em;font-size:1.5rem;display:inline-block}body>header>nav{z-index:1100;justify-content:space-between;align-items:center;min-height:64px;padding-left:20px;padding-right:20px;transition:all .25s;display:flex;position:fixed;top:0;left:0;right:0}body>header>nav.navbar--sticky{background:#1b1b1b;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}body>header>nav>div:first-child{align-items:center;gap:1rem;display:flex}@media (width<=599px){body>header>nav>div:last-child{display:none}}body>header>nav h1{letter-spacing:.0075em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}body>header>nav h1 a{color:inherit}@media (width>=600px){#drawer-open{display:none}}#navbar-drawer{width:100%;height:100%;max-width:unset;max-height:unset;color:#e5e5e5;background:#1b1b1b;border:0;margin:0}#navbar-drawer .navbar-drawer-links{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}footer ul{padding-inline-start:0;list-style-type:none}footer h2{margin:.82rem 0 .656rem;font-size:1.45rem;font-weight:400;line-height:110%}footer .footer-sections{flex-wrap:wrap;column-gap:2rem;display:flex}footer .footer-section{flex-grow:1}footer .copyright{background:#0000004d}footer .copyright p{margin:0}footer .copyright .container{flex-wrap:wrap-reverse;justify-content:space-between;gap:1em;padding-top:8px;padding-bottom:8px;display:flex}footer .copyright .container .copyright-text{font-size:.8rem;font-weight:300}.timeline{width:95%;max-width:1170px;margin:2em auto;padding:2em 0;position:relative}@media only screen and (width>=1170px){.timeline{width:90%;margin:3em auto}}.timeline:before{content:"";background:#1b1b1b linear-gradient(#fff 0,#1b1b1b 30px calc(100% - 30px),#fff);border-radius:4px;width:4px;height:100%;position:absolute;top:0;left:18px}@media only screen and (width>=1170px){.timeline:before{margin-left:-2px;left:50%}}.timeline-element{margin:2em 0;position:relative}@media only screen and (width>=1170px){.timeline-element{margin:4em 0}}.timeline-element:after{clear:both;content:"";display:table}.timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}@media only screen and (width>=1170px){.timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.timeline-element-icon svg{fill:currentColor;width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}.timeline-element-content{background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.timeline-element-content:after{clear:both;content:"";display:table}@media only screen and (width>=1170px){.timeline-element-content{width:44%;margin-left:0;padding:1.5em}}.timeline-element-content h4{letter-spacing:0;margin:0;font-size:1.5rem;font-weight:400;line-height:1.334}.timeline-element-content h5{letter-spacing:.0075em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}.timeline-element-content p{margin:1em 0 0;font-size:1rem;font-weight:400;line-height:1.6}@media only screen and (width>=1170px){.timeline-element:nth-child(2n) .timeline-element-content{float:right}}.timeline-element-date{color:#333;float:left;opacity:.7;padding:.8em 0;font-size:.8125rem;font-weight:500;display:inline-block}@media only screen and (width>=1170px){.timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.timeline-element:nth-child(2n) .timeline-element-date{text-align:right;left:auto;right:124%}}.tooltip{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;z-index:1;text-align:center;inline-size:max-content;max-inline-size:25ch;font-size:.725rem;font-weight:400;line-height:normal;line-height:initial;color:#fff;background:#616161e6;border-radius:5px;margin:0;padding:.75ch 1.5ch;transition:opacity .2s;position:absolute;inset-block-start:calc(100% + 1ch);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.tooltip:before{content:"; Has tooltip: ";opacity:0;width:30px;height:20px;padding:0;position:absolute;inset:-20px calc(50% + 15px) 0 calc(50% - 15px);overflow:hidden}.has-tooltip{position:relative}.has-tooltip:is(:hover,:focus-visible,:active)>.tooltip,.has-tooltip>a:is(:hover,:focus-visible,:active)+.tooltip{opacity:1;pointer-events:unset;user-select:unset;transition-delay:.2s}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash .profile-picture{border-radius:100px;width:100px;height:100px}.splash h1{margin-top:30px;margin-bottom:10px;font-family:Nunito,Roboto,Helvetica,Arial,sans-serif;font-size:4rem;font-weight:300}.splash h2{font-size:1.5rem;font-weight:400}.splash .socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.splash .socials svg{fill:#fff;width:24px}.section{color:#000c;background:#fff;padding-top:24px;padding-bottom:24px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.section h3{text-align:center;letter-spacing:0;margin:20px 0;font-size:1.5rem;font-weight:500;line-height:1.334}.section-title{color:#fff;flex-direction:column;align-items:center;padding:75px 0;display:flex}.section-title h2{letter-spacing:.00735em;margin:0;font-size:2.125rem;font-weight:400;line-height:1.235}#about-me{padding:1rem 0;font-size:1.5rem;font-weight:300}.card{border-radius:4px;flex-direction:column;width:100%;margin:10px;display:flex;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.card .card-content{flex-grow:1;padding:16px}.card .card-actions{align-items:center;padding:8px;display:flex}.top-projects{flex-flow:wrap;place-content:center;display:flex}.top-projects .card{width:clamp(50px,100%,350px)}.top-projects .card img{width:80px;height:80px;margin:0 auto 10px;display:block}.top-projects .card h4{letter-spacing:.0075em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}body>header>nav{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#1b1b1b!important;border:none!important}body>header>nav.navbar--sticky{box-shadow:none!important;background:#1b1b1b!important}body>header>nav,body>header>nav h1,body>header>nav h1 a,body>header>nav a,body>header>nav .button--big,body>header>nav .icon-button{color:#e5e5e5!important}body>header>nav .button--big{text-transform:uppercase;letter-spacing:.02857em;min-width:unset;text-align:center;font-size:.875rem;font-weight:500}#navbar-drawer{color:#fff!important;background:#000!important}.timeline-element-icon{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;width:50px!important;height:50px!important;left:-5px!important}@media only screen and (width>=1170px){.timeline-element-icon{margin-left:-25px!important;left:50%!important}}.timeline-element-icon svg{margin:0;position:static;top:auto;left:auto;width:24px!important;height:24px!important}footer a{color:#00acff!important}footer li{word-break:break-all}.nav-right{align-items:center;gap:4px;display:flex}@media (width<=599px){.nav-right .button--big{display:none}}.lang-switcher{margin-right:8px;position:relative}.lang-btn{color:#e5e5e5;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:.8125rem;transition:opacity .2s;display:flex}.lang-btn:hover,.lang-btn svg{opacity:.7}.lang-dropdown{z-index:1200;background:#2a2a2a;border:1px solid #ffffff26;border-radius:6px;min-width:140px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.lang-dropdown.open{display:block}.lang-option{color:#e5e5e5;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:background .15s;display:block}.lang-option:hover{background:#ffffff1a}.tooltip{max-inline-size:max-content!important}.impossible-list{color:#ffffffd9;margin-bottom:2.5rem;padding-left:20px;list-style-type:square}.impossible-list li{margin-bottom:.8rem;font-size:1.05rem;line-height:1.5}.splash{padding-top:80px;padding-bottom:40px}@media (width<=599px){.splash h1{margin-top:20px!important;font-size:2.5rem!important}.splash .profile-picture{width:90px!important;height:90px!important}}