@font-face {
    font-family: roboto-black;
    src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
    font-family: roboto-black-italic;
    src: url('../fonts/Roboto-BlackItalic.ttf');
}
@font-face {
    font-family: roboto-bold;
    src: url('../fonts/Roboto-Bold.ttf');
}
@font-face {
    font-family: roboto-bold-italic;
    src: url('../fonts/Roboto-BoldItalic.ttf');
}
@font-face {
    font-family: roboto-italic;
    src: url('../fonts/Roboto-Italic.ttf');
}
@font-face {
    font-family: roboto-light;
    src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
    font-family: roboto-light-italic;
    src: url('../fonts/Roboto-LightItalic.ttf');
}
@font-face {
    font-family: roboto-medium;
    src: url('../fonts/Roboto-Medium.ttf');
}
@font-face {
    font-family: roboto-medium-italic;
    src: url('../fonts/Roboto-MediumItalic.ttf');
}
@font-face {
    font-family: roboto-regular;
    src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
    font-family: roboto-thin;
    src: url('../fonts/Roboto-Thin.ttf');
}
@font-face {
    font-family: roboto-thin-italic;
    src: url('../fonts/Roboto-ThinItalic.ttf');
}
@font-face {
    font-family: montserrat-extrabold;
    src: url('../fonts/Montserrat-ExtraBold.ttf');
}

:root {
    --color-blue: #0e3c91;
    --color-blue-dark: #0e45a4;
    --color-blue-soft: #1246a3;
    --color-blue-marine: #0a204b;
    --color-blue-cyan: #3ea0f7;
    --color-blue-cyan-dark: #00a0ff;
    --color-blue-aqua: #a5f8ff;
    --color-blue-light: #0e3b94;
    --color-purple: #3b57b1;
    --color-black: #000000;
    --color-white: #FFFFFF;
    --color-grey-light: #838383;
    --color-grey-ulight: #a2a5ad;

}    
* {
    top: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body {
    background: var(--theme-color);
    font-family: roboto-regular;
    color: var(--font-color-black);
    /* height: 100%;
      position: relative; */
}

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

header {
    background: white;
}