:root{--bgcolor-main:#ebebeb;--bgcolor-sub:#e4e4e4;--color-text:#3c4041;--color-accent:#ff3409;--nav-mobile:hsla(0,0%,85%,.9);--font-title:"Inria Serif",serif;--font-logo:"Mulish",sans-serif;--font-text:"Source Sans Pro",sans-serif;--fs-1:10px;--fs-2:12px;--fs-3:14px;--fs-4:16px;--fs-5:18px;--fs-6:20px;--fs-7:26px;--fs-8:30px;--fs-large:60px;--fs-xlarge:86px;--fs-text:clamp(10px,1vw + 10px,1rem);--fs-subtitle:clamp(14px,1vw + 1rem,2rem);--fs-title:clamp(3rem,12vw + 1rem,8rem);--fs-title2:clamp(3rem,12vw + 1rem,5rem);--shadow-card:0px 4px 4px 0px #00000040;--container-height:101vh;--container-padding:2rem 6rem 2rem 6rem;--container-maxwidth:1600px;--container-margin:0 auto;--logo-weight:700;--logo-spacing:3px}.container{max-width:var(--container-maxwidth);height:var(--container-height);margin:var(--container-margin);padding:var(--container-padding)}li,ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:var(--color-text)}button{border:none}.skillsWrap,footer{background-color:var(--bgcolor-main)}.aboutWrap,.projectWrap{background-color:var(--bgcolor-sub)}.title{font-family:var(--font-title);font-size:var(--fs-large);font-weight:500;font-style:italic;padding:3rem 0;text-decoration:underline}#dark .footer,#dark article,#dark body,#dark main{--bgcolor-main:#020a13;--bgcolor-sub:#1b1f24;--color-text:#ececec;--nav-mobile:rgba(27,31,36,.9)}@media (max-width:1200px){.container{padding:1rem 3rem}}@media (max-width:1000px){.container{padding:1rem 3rem}.title{font-family:var(--font-title);font-size:var(--fs-8);font-weight:400}}@media (max-width:600px){.container{max-width:600px;padding:0 2rem}.title{font-family:var(--font-title);font-size:var(--fs-8);font-weight:400;padding:3rem 0;text-decoration:none;text-align:center;font-style:normal}}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%;width:100%;object-fit:cover}.main,body,html{background-color:var(--bgcolor-main)}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}.heroText,.inline-block{display:inline-block}.block{display:block}