/*:root {
    --primary-color: #022B3A;
    --secondary-color: #F2FF00;
    --background-colour: #033A4D;
    --darkBackground-colour:#022B3A;
    --tertiary-colour:#F4FB00;
}*/

@font-face {
    font-family: Gotham;
    src: url('/assets/fonts/Gotham/Gotham-Book.woff2') format('woff2'),
         url('/assets/fonts/Gotham/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Gotham;
    src: url('/assets/fonts/Gotham/Gotham-Bold.woff2') format('woff2'),
         url('/assets/fonts/Gotham/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/assets/fonts/Gotham/Gotham-BoldItalic.woff2') format('woff2'),
         url('/assets/fonts/Gotham/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: 'Gotham', sans-serif;
}

.background-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:var(--background-colour);
}

.bg-primary {
    background-color:var(--background-colour) !important;
}