@font-face {
    font-family: Caladea;
    src: url(/font/caladea/caladea-latin-400.woff2);
}

@import url("/font/overpass/latin.css");


body {
    font-family: "Overpass", sans-serif;
    color: white;
    background-image: url("./bg.png");
    background-color: black;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    text-align: center;
}

@media (min-width: 858px) {
    html {
        font-size: 2rem;
    }
}

@media (min-width: 780px) {
    html {
        font-size: 1.2rem;
    }
}

@media (min-width: 702px) {
    html {
        font-size: 1.2rem;
    }
}

@media (min-width: 624px) {
    html {
        font-size: 1.2rem;;
    }
}

@media (max-width: 623px) {
    html {
        font-size: 8px;
    }
}

#content {
    background-color: rgba(0,0,0,0.8);
}

h1 {
    font-family: 'Caladea', serif;
    text-transform: uppercase;
    text-align: center
}

li {
    list-style: none;
}

label {
    font-size: 6rem;
}