@font-face {
    font-family: dabre;
    src: url('../fonts/dabre.otf');
}
@font-face {
    font-family: metropolis;
    src: url('../fonts/Metropolis-Regular.otf');
}
@font-face {
    font-family: metropolisbold;
    src: url('../fonts/Metropolis-Bold.otf');
}
@font-face {
    font-family: metropolisextrabold;
    src: url('../fonts/Metropolis-ExtraBold.otf');
}
@font-face {
    font-family: thirdrail;
    src: url('../fonts/Third Rail - Demo.ttf');
}

:root {
    --theme-color: white;
    --bg-color-blue: #00529D;
    --bg-color-aqua: #1FC8BC;
    --bg-color-orange: #D66731;
    --bg-color-white: #FFFFFF;
    --bg-color-black: #000000;
    --bg-color-grey: #a1a1a1;
    --bg-color-grey-dark: #2f2f2f;
    --bg-color-beige: #dfd1b5;
    --font-color-blue: #00529D;
    --font-color-aqua: #1FC8BC;
    --font-color-orange: #D66731;
    --font-color-white: #FFFFFF;
    --font-color-black: #000000;
    --font-color-grey: #a1a1a1;
    --font-color-grey-dark: #2f2f2f;
    --font-color-beige: #dfd1b5;
    --text-color-inverse: #000037;
    --navbar-shallow-color: #CCCCCC;
    --menu-mobile-background-color: #FFFFFF;
}

* {
    top: 0;
    padding: 0;
    margin: 0;
}

html, body {
    background: var(--theme-color);
    font-family: metropolis;
    color: var(--font-color-black);
    overflow-y: hidden;
    /* height: 100%;
      position: relative; */

}

a {
    text-decoration: none;
    color: var(--font-color-black);
}