.main{flex-direction:row;display:flex}.main .links,.main .mail{width:70px}.main .content{flex-grow:1}.main section{min-height:100vh;max-width:var(--container);background:var(--background);z-index:1;flex-direction:column;place-self:center;width:100%;margin:0 auto;display:flex;position:relative}.main .links{flex-direction:column;justify-content:center;gap:3rem;height:100vh;padding-bottom:2rem;padding-left:2rem;display:flex;position:sticky;top:0}.main .links a{color:var(--text-secondary);transition:all .2s}.main .links a:hover{transform:scale(1.1)}.main .links a:hover.github,.main .links a:hover.twitterX{color:var(--text)}.main .links a:hover.linkedin{color:#0077b5}.main .links svg{width:2rem;height:2rem}@media screen and (max-width:800px){.main .content .navigation{margin:0}.main .mail{display:none}.main .links{z-index:2;flex-direction:row;justify-content:center;align-items:flex-end;width:100%;padding-bottom:202px;padding-left:0;position:absolute;top:110px}}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--text:#000;--text-secondary:#000;--background:#fff;--background-rgb:255,255,255;--container:1100px;--background-secondary:#f5f5f5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#fff;--text-secondary:#fff;--background:#000;--background-rgb:13,13,13;--background-secondary:#1a1a1a}html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[data-theme=dark]{--text:#fff;--text-secondary:#fff;--background:#000;--background-rgb:13,13,13;--background-secondary:#1a1a1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--text:#000;--text-secondary:#000;--background:#fff;--background-rgb:255,255,255;--background-secondary:#f5f5f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media screen and (max-width:800px){html,body{font-size:initial}}html,body{color:var(--text);background:var(--background);scroll-behavior:smooth;max-width:100vw;font-family:Inter}a{color:#007bff;text-decoration:none}.hover-animation{display:inline-block;position:relative}.hover-animation:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:3px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.hover-animation:hover:after{transform-origin:0 100%;transform:scaleX(1)}.overlay-fade-top{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--background)),to(#0a0a0a00));background-image:linear-gradient(180deg,var(--background),#0a0a0a00);height:80px;position:absolute;inset:0% 0% auto}.overlay-fade-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--background)),to(#0a0a0a00));background-image:linear-gradient(0deg,var(--background),#0a0a0a00);height:80px;position:absolute;inset:auto 0% 0%}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v12-latin-regular.eot);src:local(""),url(/fonts/inter-v12-latin-regular.eot?#iefix)format("embedded-opentype"),url(/fonts/inter-v12-latin-regular.woff2)format("woff2"),url(/fonts/inter-v12-latin-regular.woff)format("woff"),url(/fonts/inter-v12-latin-regular.ttf)format("truetype"),url(/fonts/inter-v12-latin-regular.svg#Inter)format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v12-latin-600.eot);src:local(""),url(/fonts/inter-v12-latin-600.eot?#iefix)format("embedded-opentype"),url(/fonts/inter-v12-latin-600.woff2)format("woff2"),url(/fonts/inter-v12-latin-600.woff)format("woff"),url(/fonts/inter-v12-latin-600.ttf)format("truetype"),url(/fonts/inter-v12-latin-600.svg#Inter)format("svg")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/inter-v12-latin-900.eot);src:local(""),url(/fonts/inter-v12-latin-900.eot?#iefix)format("embedded-opentype"),url(/fonts/inter-v12-latin-900.woff2)format("woff2"),url(/fonts/inter-v12-latin-900.woff)format("woff"),url(/fonts/inter-v12-latin-900.ttf)format("truetype"),url(/fonts/inter-v12-latin-900.svg#Inter)format("svg")}*{scrollbar-width:auto;scrollbar-color:#dbdbdb #fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--background);background-color:#b3b3b3;border-radius:8px}*{box-sizing:border-box;margin:0;padding:0}

#about{background:var(--background);z-index:1}
#skills{background:var(--background);z-index:1}
.hero{background:#00f;justify-content:space-between;max-width:none;height:100vh;display:flex;position:relative}.hero .navigation{text-align:center;justify-content:space-evenly;place-self:center;width:100%;max-width:800px;margin-top:2rem;display:flex}.hero .navigation a{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.hero .navigation a:hover{color:var(--text)}.hero .grid{grid-gap:5%;justify-content:center;padding:0 max(5%,6rem);display:flex}.hero .grid .title{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero .grid .title h1{font-size:4.5rem;font-weight:900}.hero .grid .title h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:600}.hero .grid .title .subtitle{height:4.25rem;margin-top:0;overflow:hidden}.hero .grid .title .subtitle .wrapper{animation:7s infinite subtitle}@media (prefers-reduced-motion){.hero .grid .title .subtitle .wrapper{animation:none}}@keyframes subtitle{0%,17%{transform:translateY(0%)}33%,50%{transform:translateY(-25%)}66%,83%{transform:translateY(-50%)}to{transform:translateY(-75%)}}.hero .grid .avatar{justify-content:center;align-items:center;display:flex}.hero .grid .avatar img{border-radius:50%;width:100%;max-width:250px;height:auto;box-shadow:0 0 30px #0000004f}@media screen and (max-width:800px){.hero{justify-content:space-around}.hero .links{flex-direction:row;justify-content:center;position:static}.hero .navigation{position:static}.hero .grid{grid-gap:3rem;flex-direction:column;padding:0 5%;position:relative;top:-5%}.hero .grid .avatar{padding:0 3rem}.hero .grid .title h1{font-size:3.5rem}.hero .grid .title .subtitle{height:35px;margin-top:.5rem}.hero .grid .title .subtitle h2{font-size:1.8rem}}
#contact{z-index:1;background:var(--background);align-items:center;padding-top:8rem;position:relative}#contact .form{grid-template-columns:1fr 1fr;grid-template-areas:"name email""message message""submit submit";gap:1rem;width:100%;max-width:500px;padding:2rem;display:grid}#contact .form input,#contact .form textarea,#contact .form button{background:var(--background-secondary);border:none;border-radius:.25rem;margin-bottom:1rem;padding:.5rem;font-family:Inter;font-size:1rem;font-weight:400}#contact .form #name{grid-area:name;max-width:250px}#contact .form #email{grid-area:email}#contact .form #message{resize:vertical;grid-area:message;width:100%;min-height:100px}#contact .form #submit{cursor:pointer;grid-area:submit;width:min-content;margin:0 auto;padding:.7rem 1.3rem;font-size:1.2rem;font-weight:600}#contact .form .form-group label{margin-bottom:.5rem;font-size:1.3rem;font-weight:600;display:block}#contact .form .form-group input{border:1px solid var(--border);border-radius:.25rem;width:100%;margin-bottom:1rem;padding:.5rem;font-size:1rem;font-weight:400;display:block}
.projects{max-width:var(--container);padding:2rem}.projects .list{grid-gap:2rem;grid-template-columns:1fr 1fr;display:grid}.projects .card{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.projects .card,.projects .card .card{transition:all .2s}.projects .card{transform:rotate3d(0);box-shadow:0 1px 5px #0009}.projects .card img,.projects .card svg{object-fit:cover;width:100%;height:auto}.projects .card .glow{background-image:radial-gradient(circle at 50% -20%,#fff2,#0000000f);width:100%;height:100%;position:absolute;top:0;left:0}.projects .card:hover{transition-duration:.15s;box-shadow:0 5px 20px 5px #0004}.projects .card *{transition:all .2s}.projects .card .row{flex-direction:column;display:flex}.projects .card h3{width:100%;font-size:3.5rem}.projects .card p{font-size:2rem}@media screen and (max-width:800px){.projects{padding:1.5rem}.projects .list{grid-gap:1.5rem;grid-template-columns:1fr}.projects .card{background-size:cover!important}.projects .card h3{font-size:2.5rem}}
.timeline{z-index:0;align-items:center;position:relative}.timeline .bar{z-index:0;background:gray;width:3px;height:100%;position:absolute;overflow:hidden}.timeline .bar .track{z-index:-1;background:linear-gradient(#ff7448,#6248ff);width:3px;height:50vh;position:fixed;top:0}.timeline .item{grid-template-columns:1fr 100px 1fr;grid-template-areas:"date dot content";max-width:1300px;padding:5rem 0;display:grid}.timeline .item .date{text-align:right;place-self:start end;font-size:2.5rem;font-weight:600;position:sticky;top:48vh}.timeline .item .dot{background-color:var(--text);outline:.8rem solid var(--background);border-radius:1rem;grid-area:dot;place-self:start center;width:1rem;height:1rem;margin:1rem 0;transition:all 1s;position:sticky;top:50vh}.timeline .item .content{grid-area:content;place-self:start;font-size:1.3rem}.timeline .item .content div{color:var(--text-secondary)}.timeline .item .content h2{word-break:break-word;margin-bottom:.5rem;font-size:2.4rem;font-weight:600}.timeline .item .content img{border-radius:.5rem}@media screen and (max-width:800px){.timeline{align-items:flex-start}.timeline .bar{left:48px}.timeline .item{grid-template:"dot date""dot content"1fr/100px 1fr}.timeline .item .content h2{font-size:2rem}.timeline .item .date{text-align:left;place-self:start;font-size:1.8rem;position:relative;top:auto}}