@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{font-family:Fira Code,monospace;--clr-royal-blue-100: hsl(225, 70%, 54%);--clr-royal-blue-200: hsl(225, 70%, 50%);--clr-royal-blue-300: hsl(225, 70%, 45%);--clr-royal-blue-400: hsl(225, 70%, 40%);--clr-royal-blue-500: hsl(225, 70%, 34%);--clr-persian-blue-100: hsl(209, 100%, 34%);--clr-persian-blue-200: hsl(209, 100%, 30%);--clr-persian-blue-300: hsl(209, 100%, 25%);--clr-persian-blue-400: hsl(209, 100%, 20%);--clr-persian-blue-500: hsl(209, 100%, 15%);--clr-eerie-black-100: hsl(250, 48%, 12%);--clr-gunmetal-100: hsl(251, 26%, 21%);--clr-gray-shades-100: hsl(0, 0%, 94%);--clr-gray-shades-200: hsl(0, 0%, 85%);--clr-gray-shades-300: hsl(0, 0%, 54%);--clr-gray-shades-400: hsl(0, 0%, 31%);--clr-gray-shades-500: hsl(0, 0%, 18%);--clr-neutral-100: hsl(0, 0%, 100%);--clr-neutral-200: hsl(0, 0%, 13%);--fs-200: .75rem;--fs-300: 1rem;--fs-400: 1.125rem;--fs-500: 1.563rem;--fs-600: 1.953rem;--fs-700: 2.441rem;--fs-800: 3.052rem}@media only screen and (min-width:65em){:root{--fs-200: .8rem;--fs-300: 1rem;--fs-400: 1.452rem;--fs-500: 2rem;--fs-600: 2.827rem;--fs-700: 4rem;--fs-800: 5.653rem}}:root[data-theme=light]{--theme-primary: var(--clr-persian-blue-100);--theme-background: var(--clr-neutral-100);--theme-text: var(--clr-neutral-200);--theme-toast: var(--clr-gray-shades-100);--theme-nav-scroll: var(--clr-gray-shades-100);--theme-skill-bg: var(--clr-eerie-black-100);--theme-skill-texture: var(--clr-gunmetal-100);--theme-skill-hex: var(--clr-neutral-100);--theme-skill-hex-hover: var(--clr-persian-blue-100);--theme-project-bg: var(--clr-gray-shades-100);--theme-project-tech-bg: var(--clr-gray-shades-200)}:root[data-theme=dark]{--theme-primary: var(--clr-royal-blue-100);--theme-background: var(--clr-neutral-200);--theme-text: var(--clr-neutral-100);--theme-toast: var(--clr-gray-shades-500);--theme-nav-scroll: var(--clr-gray-shades-500);--theme-skill-bg: var(--clr-gray-shades-500);--theme-skill-texture: var(--clr-royal-blue-100);--theme-skill-hex: var(--clr-gray-shades-400);--theme-skill-hex-hover: var(--clr-gray-shades-400);--theme-project-bg: var(--clr-gray-shades-500);--theme-project-tech-bg: var(--clr-gray-shades-400)}:root{--content-padding: 3rem}@media only screen and (min-width:40em){:root{--content-padding: 5rem}}:root{color:var(--theme-text);background-color:var(--theme-background);transition:color .25s ease-in-out,background-color .25s ease-in-out}:root a{color:var(--theme-primary);text-decoration:none;transition:color .25s ease-in-out}:root a:not(.btn):hover,:root a:not(.btn):focus{text-decoration:underline}:root .btn{display:inline-block;border:.2rem solid var(--theme-primary);border-radius:.5rem;padding:1rem 2rem;font-weight:600;transition:background-color .25s ease-in-out,color .25s ease-in-out}:root .btn:hover,:root .btn:focus{color:var(--clr-neutral-100)!important;background-color:var(--theme-primary)!important}:root .btn--invert{color:var(--clr-neutral-100);background-color:var(--theme-primary)}:root .btn--invert:hover,:root .btn--invert:focus{color:var(--theme-primary)!important;border:.2rem solid var(--theme-primary)!important;background-color:var(--clr-neutral-100)!important}:root .sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}h1{font-size:var(--fs-700);color:var(--theme-primary);line-height:100%;transition:color .25s ease-in-out}h2{font-size:var(--fs-500)}