@font-face {
    font-family: parisa;
    src: url('/fonts/W_parisa.TTF') format("truetype");
    font-display: block;
}

@font-face {
    font-family: vazir;
    src: url('/fonts/Vazir.ttf') format("truetype");
    font-display: block;
}

@font-face {
    font-family: yekan;
    src: url('/fonts/Yekan.ttf') format("truetype");
    font-display: block;
}

@font-face {
    font-family: montserrat;
    src: url('/fonts/Montserrat-Medium.ttf') format("truetype");
    font-display: block;
}

.font-family-montserrat{
    font-family: montserrat;
}


:root {
    /*background-color: #1a1c21;*/
    /*-webkit-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    /*overflow-x: hidden;*/

    --backgorundDark: #21201e;
    --backgroundDarkLight: #f5c71b;
    --textColorWhite: #fff;
    --textColorWhite2: #aba598;
}
:root {
    background-color: #21201e;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: auto;
    touch-action: auto;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;

}
html, body {

    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: vazir;
    background-color: VAR(--backgorundDark);
    color: var(--textColorWhite);
    overflow-x: hidden;
}