body {
    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.6
}

.container {
    max-width: 36rem;
    padding: 0 1rem;
    margin: 3rem auto 6rem;
}

ul {
    list-style: none;
}

a {
    color: rgb(26, 13, 171)
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #1A1A1A;
        color: #E0E0E0;
    }

    a {
        color: rgb(153, 195, 255)
    }
}