@font-face {
    font-family: "Gaia";
    src: url("/media/fonts/Gaia-Display.otf") format("opentype");
}

html {
    width: 100vw;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    background: #1e1e1e;
    color: #fcfcfc;
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
    width: 100vw;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-align: center;
    margin-top: 1.42em;
    margin-bottom: 1.42em;
}

h1 {
    font-family: 'Gaia';
}

@media screen and (max-width: 576px) {
    body {
        font-size: .69em;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: .42em;
    }
    h1 {
        margin-top: calc(.42em * 3);
        margin-bottom: calc(.42em * 3);
    }
}

@media screen and (max-width: 300px) {
    body {
        font-size: .5em;
    }
}