@font-face {
        font-family: 'open_sanslight';
        src: url('../assets/fonts/opensans-light-webfont.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'poppins_light';
        src: url('../assets/fonts/Poppins-Light.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'howdy_monkeyregular';
        src: url('../assets/fonts/howdy-monkey-webfont.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'digital-7';
        src: url('../assets/fonts/digital-7-webfont.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }
    html { min-height: 100vh; height: 100%; user-select: none; }
    body {
        margin: 0; padding: 0; background-color: #002f59; user-select: none;
        font-family: 'open_sanslight', sans-serif; min-height: 100vh; height: 100%;
    }
    [x-cloak] { display: none !important; }

    .flex-box { display: flex; }
    .flex-box-fullw { width: 100%; }
    .flex-box-fullh { height: 100%; }
    .flex-box-fullvh { height: 100vh; }
    .v-centered { align-items: center; }
    .h-centered { justify-content: center; }
    .centered { align-items: center; justify-content: center; }