@font-face {
    font-family: 'Roboto_Regular';
    src: url(/font/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto_Thin';
    src: url(/font/Roboto-Thin.ttf);
}

@font-face {
    font-family: 'Roboto_Bold';
    src: url(/font/Roboto-Medium.ttf);
}

:root {
    /* PALETTE OLD
    --green_light: #8AC169;
    --green_mid: #2C9938;
    --green_dark: #174922;
    --green_bar: #1F3A21;
    --green_home: #32693A;
    --blue_light: #3DBAC9;
    --blue_mid: #2A7699;
    --blue_dark: #174B5E;
    --blue_bar: #174B5E;

    */
    /* PALETTE Test 1
    --green_light: #97BF81;
    --green_mid: #2C9938;
    --green_dark: #2C9938;
    --green_bar: #164D24;
    --green_home: #ff00dd;
    --blue_light: #3DBAC9;
    --blue_mid: #2A7699;
    --blue_dark: #174B5E;
    --blue_bar: #174B5E;
     */
    /* PALETTE Test 2 */
    --green_light: #8AC169;
    --green_mid: #2C9938;
    --green_dark: #2C9938;
    --green_bar: #164D24;
    --green_home: #ff0000;
    --blue_light: #3DBAC9;
    --blue_mid: #2A7699;
    --blue_dark: #174B5E;
    --blue_bar: #174B5E;
}

html,
body {
    margin: 0px;
    overflow: show;
    scroll-behavior: smooth;
}

*::-webkit-scrollbar {
    display: none;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

* {
    z-index: 3;
}

div {
    overflow: hidden;
}