*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-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}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}:root{--dark-purple:#3b0855;--dark-darkpink:#852467;--dark-peach:#fd8083;--dark-pink:#ee227d;--dark-darkteal:#3a6a81;--dark-teal:#30c0b7;--dark-foreground:#ededed;--dark-background:#20042d;--dark-skills-background:#1f2129;--dark-skills-charms:#4d5167;--background:var(--dark-background);--foreground:var(--dark-foreground);--dark-text:var(--dark-background);--header-background:var(--dark-background);--header-link-hover-glow:0px 25px 20px -15px var(--dark-pink);--header-link-hover-text-glow:var(--dark-pink);--hero-gradient:linear-gradient(to bottom,var(--dark-purple),var(--dark-darkpink) 65%,var(--dark-purple));--hero-outlines:4px solid var(--dark-darkteal);--hero-code-bubble:var(--dark-teal);--hero-background-glow:0 0 50px 10px var(--dark-teal);--skills-background:var(--dark-skills-background);--skills-charms:var(--dark-skills-charms);--project-card-background:var(--dark-darkteal);--project-card-dividers:var(--dark-purple);--footer-background:var(--dark-darkpink)}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden;font-size:20px}body{background:var(--background)}a,body{color:var(--foreground)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media screen and (max-width:520px){body,html{font-size:16px}}@media screen and (max-width:360px){body,html{font-size:14px}}.header_header__Awatn{display:flex;justify-content:space-between;padding:0 24px;background-color:var(--header-background);position:fixed;width:100%;z-index:100}.header_header__Awatn p{font-size:1.6rem}.header_headerInteractive__YdXMQ{display:flex;justify-content:space-between}.header_headerInteractive__YdXMQ nav{display:flex}.header_headerInteractive__YdXMQ nav ul{display:flex;list-style:none}.header_headerInteractive__YdXMQ nav ul li{margin-right:16px}.header_headerInteractive__YdXMQ nav ul li a{text-decoration:none;color:var(--foreground);font-size:1.6rem;height:100%}.header_headerInteractive__YdXMQ nav ul li:hover{box-shadow:var(--header-link-hover-glow)}.header_headerInteractive__YdXMQ nav ul li:hover a{color:var(--header-link-hover-text-glow)}@media screen and (max-width:520px){.header_header__Awatn{padding:0 12px}}