:root {
    --color-fg: white;
    --color-bg: black;

    --color-link: hsl(240, 100%, 80%);
    --color-link-hover: hsl(240, 100%, 90%);
    --color-link-visited: hsl(140, 100%, 85%);
}

html {
    color: var(--color-fg);
    background-color: var(--color-bg);
    font-size: 24px;
}

form {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

a {
    color: var(--color-link);

    &:hover {
        color: var(--color-link-hover);
    }

    &:visited {
        color: var(--color-link-visited);
    }
}