.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:rgb(230,230,230); transition:color 0.5s; }}@layer utilities{&:where(.dark,.dark *){.hover\:bg-gray-50 { &:hover { background-color: #171719; transition: background-color 0.5s; } }}}@layer utilities{.whitespace-nowrap{white-space:wrap}}@layer utilities{.dark\:text-zinc-500{&:where(.dark,.dark *) { color:rgb(151,151,162); }}}@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%,hsla(212,35%,15%,1) 0px,transparent 50%),radial-gradient(at 75% 30%,hsla(160,35%,15%,1) 0px,transparent 50%),radial-gradient(at 25% 80%,hsla(280,35%,15%,1) 0px,transparent 50%),radial-gradient(at 75% 85%,hsla(30,35%,15%,1) 0px,transparent 50%); }}.page-footer{&:where(.dark,.dark *) { background-color:#0f4044; }}