:root {
    --main-app-color-rgb: 0, 94, 163;
    --main-app-color-filter: invert(19%) sepia(97%) saturate(2262%) hue-rotate(190deg) brightness(97%) contrast(100%);
    --q-color-primary: rgb(var(--main-app-color-rgb)) !important;
    --main-app-font: Montserrat;
    --secondary-app-font: Roboto;
}

.color-filter {
    filter: var(--main-app-color-filter)
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-LightItalic.ttf);
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}