:root {
    --font-size: clamp(0.8rem, 2vw, 1rem);
    color-scheme: dark
}

body {
    display: flex;
    font-family: 'Source Code Pro', monospace;
    justify-content: center;
}

main {
    font-size: var(--font-size);
    max-width: 45em;
    width: 100%;
    margin-inline: .5rem;
}

a {
    text-decoration: none;
    color: inherit;
    opacity: 0.60;
    transition: opacity ease-in-out 250ms;
}

a:focus {
    outline: none;
}

a:hover,
a:focus {
    opacity: 1;
}

h1 {
    display: block;
    font-size: var(--font-size);
    line-height: 2em;
    margin-bottom: 0;
    border-bottom: 1.5px white solid;
}

h2 {
    font-size: var(--font-size);
}

ul {
    list-style-type: '☆ ';
    padding-inline-start: 3ch;
}