:root{--font-mono:"Roboto Mono",monospace;--color-background:#f8f6f2;--color-primary:#b84a62;--color-secondary:#2a1e5c;--color-heading:#3b341f;--primary-100:#fdeef1;--primary-200:#f9dde2;--primary-300:#f4bbc4;--primary-400:#ee98a6;--primary-500:#b84a62;--primary-600:#9f3f54;--primary-700:#863445;--primary-800:#6c2937;--primary-900:#531f29;--secondary-100:#e7e4f3;--secondary-200:#cec9e7;--secondary-300:#9c93cf;--secondary-400:#6b5eb7;--secondary-500:#2a1e5c;--secondary-600:#241a50;--secondary-700:#1d1543;--secondary-800:#161137;--secondary-900:#100c2b;--heading-100:#e6e3d9;--heading-200:#ccc7b3;--heading-300:#b3aa8e;--heading-400:#998e68;--heading-500:#3b341f;--heading-600:#322c1a;--heading-700:#292415;--heading-800:#201c10;--heading-900:#17140b;--background-100:#ffffff;--background-200:#faf8f4;--background-300:#f8f6f2;--background-400:#f1eee9;--background-500:#e9e6df}*{box-sizing:border-box}html{font-size:18px;line-height:32px;scroll-behavior:smooth;background:var(--color-background);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{display:flex;flex-direction:column;font-family:system-ui;font-size:18px;line-height:32px;margin:0;color:var(--color-heading);@media (max-width:1024px){font-size:15px;line-height:24px}}main{flex:1 1;width:100%;padding-inline:2rem;@media (min-width:1024px){max-width:80rem;margin-inline:auto}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:56px;line-height:70px;font-weight:700;@media (max-width:1024px){margin-left:0;margin-bottom:24px;margin-right:0;margin-top:24px;font-size:42px;line-height:42px}@media (max-width:768px){font-size:38px;line-height:38px}@media (max-width:400px){font-size:32px;line-height:32px}}h2{font-size:28px;@media (min-width:1024px){font-size:36px}}p{margin:24px 0;@media (max-width:1024px){margin:calc(var(--base) * .75) 0}}a{color:currentColor;&:focus{opacity:.8;outline:none}&:active{opacity:.7;outline:none}}li,p{max-width:80ch}.heroSection{margin-top:4rem;margin-bottom:10rem}.heroSection,.heroText{display:flex;flex-direction:column;align-items:center}.heroText{text-align:center}.heroSubText{font-size:24px;font-weight:400}.nameImage{transition:transform .5s ease}.nameImage:hover{transform:scale(1.05)}.projectSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-template-rows:1fr repeat(2,auto);grid-gap:1rem;gap:1rem}.Footer_footer__4vzqH{background-color:var(--primary-100);padding-block:2rem;width:100%;padding-inline:2rem;div{max-width:960px;margin-inline:auto}h2{font-size:24px;@media (min-width:1024px){font-size:30px}}}.Footer_icons__Xahrt{display:flex;gap:2rem;padding-block:2rem;@media (min-width:768px){justify-content:start}}.NavBar_navBar__j6LrK{background-color:var(--background-400);display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;padding-block:1rem;position:relative;a:first-child{transition:transform .1s ease-in;&:hover{transform:scale(1.1)}}}.NavBar_desktopNav__jBrok{display:block;@media (max-width:768px){display:none}}.NavBar_mobileNav__gDuq7{display:none;@media (max-width:768px){display:block;width:100%;position:absolute;top:100%;left:0;background-color:var(--background-400);z-index:10}}.NavBar_hamburgerMenu__DfOV8{display:none;@media (max-width:768px){display:block;padding-top:10px}}.NavLinks_navLinks__61CH5{display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none;@media (min-width:768px){flex-direction:row;gap:2rem}li{transition:transform .1s ease-in;&:hover{color:var(--primary-700);transform:scale(1.1)}}a{text-decoration:none;font-size:1.2rem}}