.main{display:flex;flex-direction:row}.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;width:100%;position:relative;place-self:center;margin:0 auto}.main .links,.main section{display:flex;flex-direction:column}.main .links{justify-content:center;position:-webkit-sticky;position:sticky;top:0;gap:3rem;height:100vh;padding-left:2rem;padding-bottom:2rem}.main .links a{color:var(--text-secondary);transition:.2s ease}.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{position:absolute;top:110px;width:100%;z-index:2;flex-direction:row;justify-content:center;align-items:flex-end;padding-left:0;padding-bottom:202px}}: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]){color-scheme:dark}}[data-theme=dark]{--text:#fff;--text-secondary:#fff;--background:#000;--background-rgb:13,13,13;--background-secondary:#1a1a1a;color-scheme:dark}[data-theme=light]{--text:#000;--text-secondary:#000;--background:#fff;--background-rgb:255,255,255;--background-secondary:#f5f5f5;color-scheme:light}body,html{color:var(--text);background:var(--background);font-family:Inter;max-width:100vw;scroll-behavior:smooth}@media screen and (max-width:800px){body,html{font-size:medium}}a{color:#007bff;text-decoration:none}.hover-animation{display:inline-block;position:relative}.hover-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:-2px;left:0;background-color:currentColor;transform-origin:bottom right;transition:transform .25s ease-out}.hover-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.overlay-fade-top{top:0;bottom:auto;background-image:linear-gradient(180deg,var(--background),hsla(0,0%,4%,0))}.overlay-fade-bottom,.overlay-fade-top{position:absolute;left:0;right:0;height:80px}.overlay-fade-bottom{top:auto;bottom:0;background-image:linear-gradient(0deg,var(--background),hsla(0,0%,4%,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:transparent}::-webkit-scrollbar-thumb{background-color:#b3b3b3;border-radius:8px;border:2px solid var(--background)}*{box-sizing:border-box;padding:0;margin:0}#about,#skills{background:var(--background);z-index:1}.hero{display:flex;justify-content:space-between;height:100vh;position:relative;max-width:none;background:blue}.hero .navigation{display:flex;justify-content:space-evenly;max-width:800px;width:100%;text-align:center;place-self:center;margin-top:2rem}.hero .navigation a{font-size:1.2rem;font-weight:600;color:var(--text-secondary)}.hero .navigation a:hover{color:var(--text)}.hero .grid{grid-gap:5%;padding:0 max(5%,6rem)}.hero .grid,.hero .grid .title{display:flex;justify-content:center}.hero .grid .title{flex-direction:column;align-items:center;text-align:center}.hero .grid .title h1{font-size:4.5rem;font-weight:900}.hero .grid .title h2{font-size:3.5rem;font-weight:600;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .grid .title .subtitle{height:4.25rem;overflow:hidden;margin-top:0}.hero .grid .title .subtitle .wrapper{animation:subtitle 7s ease infinite}@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{display:flex;justify-content:center;align-items:center}.hero .grid .avatar img{border-radius:50%;max-width:250px;width:100%;height:auto;box-shadow:0 0 30px rgba(0,0,0,.31)}@media screen and (max-width:800px){.hero{justify-content:space-around}.hero .links{flex-direction:row;justify-content:center}.hero .links,.hero .navigation{position:static}.hero .grid{flex-direction:column;grid-gap:3rem;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{align-items:center;padding-top:8rem;z-index:1;position:relative;background:var(--background)}#contact .form{display:grid;grid-template-areas:"name email" "message message" "submit submit";grid-template-columns:1fr 1fr;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;column-gap:1rem;width:100%;max-width:500px;padding:2rem}#contact .form button,#contact .form input,#contact .form textarea{border:none;padding:.5rem;border-radius:.25rem;font-size:1rem;font-weight:400;margin-bottom:1rem;background:var(--background-secondary);font-family:Inter}#contact .form #name{grid-area:name;max-width:250px}#contact .form #email{grid-area:email}#contact .form #message{grid-area:message;width:100%;resize:vertical;min-height:100px}#contact .form #submit{grid-area:submit;padding:.7rem 1.3rem;width:min-content;margin:0 auto;font-size:1.2rem;cursor:pointer;font-weight:600}#contact .form .form-group label{display:block;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}#contact .form .form-group input{display:block;width:100%;padding:.5rem;border:1px solid var(--border);border-radius:.25rem;font-size:1rem;font-weight:400;margin-bottom:1rem}.projects{max-width:var(--container);padding:2rem}.projects .list{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem}.projects .card{border-radius:20px;display:flex;flex-direction:row;overflow:hidden;background-repeat:no-repeat;background-position:50%;background-size:cover;justify-content:center;align-items:center;cursor:pointer;position:relative;transform:rotate3d(0);box-shadow:0 1px 5px rgba(0,0,0,.6)}.projects .card,.projects .card .card{transition-duration:.3s;transition-property:transform,box-shadow;transition-timing-function:ease-out;transition:all .2s ease}.projects .card img,.projects .card svg{object-fit:cover;width:100%;height:auto}.projects .card .glow{position:absolute;width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at 50% -20%,hsla(0,0%,100%,.133),rgba(0,0,0,.059))}.projects .card:hover{transition-duration:.15s;box-shadow:0 5px 20px 5px rgba(0,0,0,.267)}.projects .card *{transition:all .2s ease}.projects .card .row{display:flex;flex-direction:column}.projects .card h3{font-size:3.5rem;width:100%}.projects .card p{font-size:2rem}@media screen and (max-width:800px){.projects{padding:1.5rem}.projects .list{grid-template-columns:1fr;grid-gap:1.5rem}.projects .card{background-size:cover!important}.projects .card h3{font-size:2.5rem}}.timeline{align-items:center;position:relative;z-index:0}.timeline .bar{position:absolute;width:3px;height:100%;background:gray;z-index:0;overflow:hidden}.timeline .bar .track{position:fixed;top:0;background:linear-gradient(#ff7448,#6248ff);width:3px;height:50vh;z-index:-1}.timeline .item{display:grid;grid-template-areas:"date dot content";grid-template-columns:1fr 100px 1fr;max-width:1300px;padding:5rem 0}.timeline .item .date{font-size:2.5rem;font-weight:600;place-self:start end;position:-webkit-sticky;position:sticky;top:48vh;text-align:right}.timeline .item .dot{margin:1rem 0;width:1rem;height:1rem;border-radius:1rem;background-color:var(--text);grid-area:dot;place-self:start center;outline:.8rem solid var(--background);transition:all 1s ease;position:-webkit-sticky;position:sticky;top:50vh}.timeline .item .content{grid-area:content;place-self:start start;font-size:1.3rem}.timeline .item .content div{color:var(--text-secondary)}.timeline .item .content h2{font-size:2.4rem;word-break:break-word;font-weight:600;margin-bottom:.5rem}.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-areas:"dot date" "dot content";grid-template-columns:100px 1fr;grid-template-rows:auto 1fr}.timeline .item .content h2{font-size:2rem}.timeline .item .date{position:relative;top:auto;place-self:start start;font-size:1.8rem;text-align:left}}