:root {
    --background: #ffffff;
    --text: #000000;
    --lightpink: #fb8fff;
    --pink: #f700ff;
    --darkpink: #830087;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: #000000;
        --text: #ffffff;
    }
}

html {
    font-size: clamp(1rem, 0.5rem + 1.5vw, 1.25rem);
}

body {
    background-color: var(--background);
    color: var(--text);
    font-family: monospace;
    line-height: 1.5;
}

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

a:visited {
    color: var(--darkpink);
}

a:hover {
    color: var(--lightpink);
}