:root {
    --main-app-color-rgb: 39, 51, 56;
    --main-app-color-filter: invert(16%) sepia(8%) saturate(1439%) hue-rotate(152deg) brightness(94%) contrast(90%);
    --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;
}