@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    margin-left: 20vw;
    margin-right: 20vw;
    font-family: "Cantarell", Helvetica, Arial, sans-serif;
}

h1, h2, h3 {
    font-family: Helvetica, Arial, sans-serif;
}

a, a:active, a:visited {
    color: inherit;
}

hr {
    border: 1px solid black;
}

input, textarea {
    padding: 0.5em;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: 1px solid #3E3E3E;
    border-radius: 0.25em;
}

input[type="checkbox"] {
    height: 1em;
    width: 1em;
}

.footer {
    text-align: center;
}

.printable-link {
    display: none;
}

@media only screen and (orientation:portrait) {
    body {
        margin: 5vw;
    }
}

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

    hr {
        border-color: white;
    }

    input, textarea {
        background-color: #101010;
        border: 1px solid #D2D2D2;
    }
}

@media only print {
    .printable-link {
        display: initial;
    }

    a {
        text-decoration: none;
    }
}