html, body {
padding: 0;
margin: 0;
background-color: var(--bg);
color: var(--fg);
font-family: "Inter", sans-serif;
}
code { font-family: "JetBrainsMono", monospace; }
::selection {
background-color: var(--fire-opal);
}
h1, h2, h3 {
font-weight: 700;
margin: 0;
}
h1 { font-size: 64px; }
h2 { font-size: 48px; }
h3 { font-size: 32px; }
.subtile {
font-style: italic;
opacity: .75;
color: var(--heliotrope-gray);
}
.contentWrapper a {
color: var(--fire-opal);
text-decoration: none;
position: relative;
display: inline-block;
}
.contentWrapper a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: var(--fire-opal);
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background-color: var(--bg);
}
::-webkit-scrollbar-thumb {
background-color: var(--purple-navy);
border-radius: 6px;
border: 4px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--fg);
}