@font-face {
    font-family: 'Sansita';
    src: url('../assets/fonts/sansita.woff2');
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Update CSS variables */
    }
}

[data-theme=dark],
.theme-dark {
    /* Update CSS variables */
}

html, body {
    font-family: 'Sansita', sans-serif;
    text-align: center;
    margin: auto;
}

.error {
    font-weight: bold;
    color: #FF0000;
}

.ack {
    display: flex;
    width: 48rem;
    margin: auto;
}

.buttons {
    margin: auto;
    text-align: center;
}

.buttons > div {
    margin-bottom: 0.25rem;
}

.file_info {
    color: #777777;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.file_info > div {
    margin-bottom: 0.1rem;
}

.download_holder {
    margin-top: 0.5rem;
}

.ack > div {
    width: 48%;
    text-align: left;
    padding: 0.5rem;
    font-size: 0.85rem;
}

.hidden {
    visibility: hidden;
}

.button {
    background-color: #3366FF;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

footer {
    margin-top: 4.5rem;
    font-size: 0.85rem;
    color: #777777;
}