@layer theme{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--black:#000;--blush:#bc6e80;--burgundy:#88292f;--cambridgeBlue:#76ad7f;--hunterGreen:#36663e;--oldGold:#c1aa57;--richBlack:#041426;--ruddyBlue:#73a4fa;--violet:#5b3256;--whiteSmoke:#f5f5f5;--white:#fff;--yLnMnBlue:#2e569c;--backgroundColor:var(--lightningcss-light,var(--whiteSmoke))var(--lightningcss-dark,var(--richBlack));--textColor:var(--lightningcss-light,var(--black))var(--lightningcss-dark,var(--whiteSmoke));--aboutMe:var(--lightningcss-light,var(--violet))var(--lightningcss-dark,var(--blush));--contactMe:var(--lightningcss-light,var(--hunterGreen))var(--lightningcss-dark,var(--cambridgeBlue));--experience:var(--lightningcss-light,var(--yLnMnBlue))var(--lightningcss-dark,var(--ruddyBlue));--projects:var(--lightningcss-light,var(--burgundy))var(--lightningcss-dark,var(--oldGold))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@layer typescale{:root{--baseSize:1.2rem;--scale:1.15;--xl:calc(var(--h1)*var(--scale)*var(--scale));--lg:calc(var(--h1)*var(--scale));--h1:calc(var(--h2)*var(--scale));--h2:calc(var(--h3)*var(--scale));--h3:calc(var(--h4)*var(--scale));--h4:calc(var(--h5)*var(--scale));--h5:calc(var(--h6)*var(--scale));--h6:var(--baseSize);--small:calc(var(--baseSize)/var(--scale))}}@layer padding{:root{--responsivePadding:clamp(1rem,5%,3rem)}}@media (min-width:768px){@layer typescale{:root{--scale:1.25}}}
@layer base{html{box-sizing:border-box;scroll-behavior:smooth}*,:before,:after{box-sizing:inherit}*{margin:0;padding:0}body{background-color:var(--backgroundColor);color:var(--textColor);font-size:var(--baseSize);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.75}h1{font-size:var(--h1);line-height:1}h2{font-size:var(--h2);line-height:1.1}h3{font-size:var(--h3);line-height:1.2}h4{font-size:var(--h4)}h5{font-size:var(--h5)}h6{font-size:var(--h6)}p{font-size:var(--baseSize)}small{font-size:var(--small)}a:not([class]){color:inherit;text-underline-offset:4px}@media (hover:hover){a:not([class]):hover{text-decoration:none}}img{object-fit:cover}input,button,textarea,select{font:inherit}canvas,img,picture,svg,video{max-width:100%}h4,h5,h6{line-height:1.3}}@layer globalTextColors{.aboutMeTextColor{color:var(--aboutMe)}.contactMeTextColor{color:var(--contactMe)}.experienceTextColor{color:var(--experience)}.projectsTextColor{color:var(--projects)}}