@font-face {
    font-family: Typewriter;
    src: url("../font/TT2020Base-Regular.woff2");
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

main {
    max-width: 400px;
    text-align: center;
    font-family: Typewriter;
    font-size: 1.2em;
}

.face {
    border-radius: 50%;
    width: 80%;
}

a,
a:visited {
    color: inherit;
}

@media (prefers-color-scheme: dark) {

    h1,
    p,
    a,
    .description {
        color: grey;
    }

}

@media (prefers-color-scheme: light) {
    body {
        background-color: rgba(0, 0, 0, 0.3);
    }

}