.bg-\[var\(--color-background\)\]{&:where(.dark, .dark *){background-color:#111}}#site-header.header{&:where(.dark, .dark *){background-color:#0f4044}}.bio-text{font-size:1.5rem}a{text-decoration-line:none;&:hover{text-decoration-line:underline}&:where(.dark, .dark *){color:var(--color-green-200)}}@layer utilities{.hover\:underline{&:where(.dark, .dark *){&:is(:where(.group):hover *){text-decoration-line:underline;color:var(--color-green-200)}}}}.gap-2{text-transform:lowercase}.no-underline.bg-primary-100.text-primary-800.text-xs.font-medium.rounded{text-transform:lowercase}.sml{font-size:1rem}.dark\:text-gray-300:hover{&:where(.dark, .dark *){color:#e6e6e6;transition:color .5s}}@layer utilities{&:where(.dark,.dark *){.hover\:bg-gray-50{&:hover{background-color:#171719;transition:background-color .5s}}}}@layer utilities{.whitespace-nowrap{white-space:wrap}}@layer utilities{.dark\:text-zinc-500{&:where(.dark, .dark *){color:#9797a2}}}@layer utilities{.opacity-40{opacity:100%;color:#9797a2}}.spacer-top{margin-top:1rem}.spacer-bottom{margin-bottom:2rem}#contact{background-image:radial-gradient(at 20% 25%,#e8f2fc 0px,transparent 50%),radial-gradient(at 75% 30%,#e8fcf6 0px,transparent 50%),radial-gradient(at 25% 80%,#f6e8fc 0px,transparent 50%),radial-gradient(at 75% 85%,#fcf2e8 0px,transparent 50%);&:where(.dark, .dark *){background-image:radial-gradient(at 20% 25%,#192534 0px,transparent 50%),radial-gradient(at 75% 30%,#19342b 0px,transparent 50%),radial-gradient(at 25% 80%,#2b1934 0px,transparent 50%),radial-gradient(at 75% 85%,#342619 0px,transparent 50%)}}.page-footer{&:where(.dark, .dark *){background-color:#0f4044}}