:root {
    --site-background: linear-gradient(black, #3465a4);
    --site-background-sm: linear-gradient(black 0 5%, #3465a4 95% 100%);

    /* Borders */
    --logo-border: #0070c0;
    --border: #558ed5;
    --very-light-blue: #dcecff;
}

@font-face {
    font-family: "x-files";
    src: url("/x-files.ttf") format("truetype");
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}
html {
    font-size: 62.5% !important;
}
body {
    font-family: Calibri, "Helvetica Neue", sans-serif !important;
}

#main-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: var(--site-background);
    min-height: 100%;
    font-size: 2rem;
}

.btn {
    font-size: 2rem;
}