.hamburger{color:#fff;z-index:20;cursor:pointer;background:0 0;border:#0000;justify-content:center;align-items:center;display:flex}.hamburger svg{min-height:24px;transition:transform .3s ease-in-out}.hamburger svg line{stroke:currentColor;stroke-width:3px;transition:transform .3s ease-in-out}.hamburger.open svg{transform:scale(.7)}.hamburger.open #top{transform:translate(6px)rotate(45deg)}.hamburger.open #middle{stroke-dasharray:0;stroke-dashoffset:0;animation:1s ease-in alternate forwards fade}@keyframes fade{to{stroke-dashoffset:1000px;stroke-dasharray:1000}}.hamburger.open #bottom{transform:translate(-12px,9px)rotate(-45deg)}.logo{cursor:pointer;width:30px;height:30px}.NavBar.open{transition:height .2s cubic-bezier(.455,.03,.515,.955);flex-direction:column!important;align-items:center!important;height:330px!important}.buttons .button:hover:after,.buttons .button.selected:after{content:"";background:#d17335;width:100%;height:3px;display:block;position:absolute;bottom:0}.innerContainer{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:900px;display:flex}.innerContainer a{color:#fff;height:30px}.NavBar{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:900px;height:80px;padding:20px;transition:height .2s cubic-bezier(.455,.03,.515,.955);display:flex;overflow:hidden}.buttons{justify-content:space-between;align-items:center;font-weight:500;display:none}.responsiveButtons{flex-direction:column;width:100%;margin-top:20px;display:flex!important}.responsiveButtons .button{text-align:center;width:100%;max-width:100px}.buttons .button{cursor:pointer;color:#fff6;margin:10px;padding:0;text-decoration:none;transition:color .2s ease-in-out;position:relative}.buttons .button.selected{color:#fff;position:relative}.burger button{margin:0}@media (width>=900px){.NavBar{flex-direction:column;justify-content:center;align-items:center;max-width:900px;margin:0 auto;padding:20px 0;display:flex}.buttons{display:flex}.NavBar .burger,.responsiveButtons{display:none!important}}.modal{z-index:2000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;inset:0}@keyframes slidein{0%{opacity:0}to{opacity:1}}.backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;width:100%;height:100%;animation:.3s ease-in-out slidein;position:absolute}@keyframes openModalAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.content-wrapper{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(155deg,#ffffff26,#0000);border-radius:25px;max-width:70vw;padding:30px;animation:.3s ease-in-out openModalAnimation;overflow:hidden;box-shadow:2px 4px 6px #0000001a,inset 0 0 0 2px #ffffff1a}@keyframes slideOut{0%{opacity:1}to{opacity:0}}@keyframes closeModalAnimation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.closing .backdrop{animation:.3s ease-in-out slideOut}.closing .content-wrapper{animation:.3s ease-in-out closeModalAnimation}.content{max-height:50vh;overflow:hidden}@media (width>=900px){.content-wrapper{min-width:400px;padding:50px}}footer{text-align:center;width:100%;max-width:900px;padding:30px 0;font-size:16px;font-weight:400}footer a{color:#fff;text-decoration:none}.modalContainer div{margin-bottom:20px;display:flex}.modalContainer p{margin:0}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 168px);margin:0 auto;padding:0;display:flex}main h1{font-weight:400}main h2{margin-top:0;font-size:28px;font-weight:400}main>h1{margin:50px 10px 0;font-size:36px}.icons{cursor:pointer;align-items:center;gap:20px;max-width:200px;margin:50px auto 0;font-size:30px;justify-content:center!important;display:flex!important}.icon{cursor:pointer;width:40px;transition:color .2s ease-in-out}.icon:hover{color:#ca3c25}@media (width>=900px){main>h1{font-size:48px}}@media (width>=600px){main{max-width:none}}.projectContainer{box-sizing:border-box;text-align:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:1em;display:flex}.note{opacity:.5;text-align:left;max-width:900px;margin:0}.projectContainer a{text-decoration:none}.projectContainer .projects{grid-gap:40px;grid-template-columns:1fr;margin-top:30px;display:grid}.projects h1{text-align:start;font-weight:700}.projects h2{margin:0;display:flex}.project{text-align:start;box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;border-radius:20px;flex-direction:column;width:100%;padding:2rem;transition:transform .2s ease-in-out;display:flex}.project p{color:#ffffffb3;font-weight:100}.projects{grid-gap:1rem;grid-template-columns:1fr;width:100%;margin:50px auto 10px;display:grid}.techsContainer{flex-wrap:wrap;gap:10px;display:flex}.techs{justify-content:space-between;align-items:center;display:flex}.techs>div{margin:0 0 0 10px}.projectContainer .button{color:#ffffffb3;border:2px solid #ffffffb3;border-radius:20px;justify-content:center;align-items:center;padding:10px;display:flex}@media (width>=900px){.projectContainer{padding:0}.projects>h1{margin:50px 0 0;font-size:48px}.projects{grid-template-columns:1fr}.projects .project{min-height:200px}.projectContainer .button{max-width:200px}}@media (width>=600px){.projects{grid-template-columns:1fr}}.container{align-self:start;width:100%}.container main{text-align:left;align-items:flex-start;width:100%;padding:1em}.container h1{margin:0 0 50px;font-size:36px;font-weight:700}.container h2{margin-top:50px}.list{flex-direction:column;gap:30px;display:flex}@media (width>=900px){.list{flex-direction:row}.container h1{font-size:48px}}.articlesContainer{box-sizing:border-box;text-align:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:1em;display:flex}.articlesContainer a{text-decoration:none}.articlesContainer .articles{grid-gap:40px;grid-template-columns:1fr;margin-top:30px;display:grid}.articles h2{display:flex}.articles>h1{text-align:start;margin:0;font-size:36px;font-weight:700}.article{text-align:start;box-sizing:border-box;color:#fff;background:#111;border-radius:25px;flex-direction:column;width:100%;padding:2rem;transition:transform .2s ease-in-out;display:flex}.article p{color:#708090;font-weight:100}.articles{grid-gap:1rem;grid-template-columns:1fr;width:100%;margin:50px auto;display:grid}.articlesContainer .button{color:#fff;border:2px solid #fff;justify-content:center;align-items:center;padding:10px;display:flex}@media (width>=900px){.articlesContainer{padding:0}.articles>h1{margin:0 0 50px;font-size:48px}.articles{grid-template-columns:1fr}.articles .article{min-height:200px}.articlesContainer .button{max-width:200px}}@media (width>=600px){.articles{grid-template-columns:1fr}}.articleContainer{box-sizing:border-box;text-align:center;justify-content:center;width:100%;max-width:350px;margin:50px 10px 0;padding:0;display:flex}.articleContainer h1{text-align:start;margin:0;font-weight:700}.title{display:flex}.article img{max-width:80%}.article{text-align:start;box-sizing:border-box;border-radius:5px;flex-direction:column;width:100%;padding:30px;font-weight:700;display:flex}.icon{width:20px;height:20px;margin-left:10px}.article>h1>a{color:#fff}.article:hover{cursor:pointer}@media (width>=900px){.articleContainer{max-width:900px;padding:0}.article>h1{margin:50px 0 0;font-size:48px}}.tooltip-container{z-index:200;width:14px;height:20px}[data-tooltip]{z-index:2;display:block;position:relative}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;transition:all .2s ease-out;transform:translate(-50%,5px)}[data-tooltip]:before{color:#fff;content:attr(data-tooltip);text-align:center;background-color:#333333e6;border-radius:3px;width:100%;min-width:70px;max-width:250px;margin-bottom:5px;padding:7px;font-size:14px;line-height:1.2;transition:all .2s ease-out;position:absolute;bottom:100%;left:50%}[data-tooltip]:after{content:" ";border-top:5px solid #333333e6;border-left:5px solid #0000;border-right:5px solid #0000;width:0;font-size:0;line-height:0;position:absolute;bottom:100%;left:50%}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1;transform:translate(-50%)}[data-tooltip=false]:hover:before,[data-tooltip=false]:hover:after{visibility:hidden;opacity:0}.email-button{cursor:pointer;background:#ca3c25 0 0/150% 150%;border-radius:10px;justify-content:center;align-items:center;max-width:200px;height:40px;font-weight:500;display:flex}.email-button:hover{animation:2s infinite gradient}@font-face{font-family:"Fira Code", monospace;font-display:optional;src:url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap)}*{box-sizing:border-box}html,body{background:linear-gradient(-45deg,#f1b746,#d17335,#2d4356,#298779);width:100%;height:100%;font-family:Fira Code,monospace;position:relative;overflow:auto}body{background-color:var(--background);color:#fff;box-sizing:border-box;background-size:200% 200%;place-items:start center;height:100%;margin:0;line-height:1.75;display:grid;overflow-x:hidden}h1{border:0}::selection{color:#fff;background:#ca3c25}::-webkit-scrollbar{border-radius:1px;width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#fafffd;border-radius:3px}::-webkit-scrollbar-track{background-color:#0000;border-radius:1px}@media (width>=900px){body{padding:0 100px}}a{color:#fff;text-decoration:none}a:visited{color:#fff}#root{flex-direction:column;justify-content:space-between;width:100vw;max-width:900px;min-height:100%;display:flex}.tooltip{visibility:hidden}@media (width>=900px){.tooltip{visibility:visible}}