:root {
    --background-color: hsl(10, 20%, 98%);
    --foreground-color: hsl(10, 10%, 13%);
    --primary-color: hsl(284, 30%, 40%);
    --highlight-color: hsl(290, 86%, 43%);
    --light-color: hsl(10, 10%, 40%);
    --error-color: hsl(0, 100%, 60%)
}

html, body {
    height: 100%;
}

body {
    background-color: var(--background-color);
    color: var(--foreground-color);
    overflow-y: scroll;
    font-family: sans-serif;
}

main {
    max-width: 80ch;
    margin: 25vh auto;
}

a {
    color: var(--highlight-color)
}