@import "tailwindcss";

body{
    background: var(--bg-primary) !important;
}

@font-face{
    font-family: "bebasneuecyrillic";
    src: url("/bebasneuecyrillic.ttf");
}

.main_font{
    font-family: "bebasneuecyrillic";
}
.inter{
    font-family: "Inter";
}
.manrope{
    font-family: "Manrope";
}

.font12{
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 10%;
}
.font13{
    font-weight: 500;
    font-style: Medium;
    font-size: 13px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.font14{
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.font15{
    font-style: Medium;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 10%;
}
.font16{
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.font20{
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 10%;
}
.font32{
    font-weight: 400;
    font-style: Regular;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 10%;
    text-align: center;
    vertical-align: middle;

}
.font36{
    font-weight: 400;
    font-style: Regular;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
}
.font64{
    font-weight: 400;
    font-style: Regular;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0%;
}

.input_form{
    padding: 17px 16px;
    border-radius: 14px;
    border: 1px solid #FFFFFF4D;
}
.white{
    color: white !important;
}
.black{
    color: black !important;
}
.upper{
    text-transform: uppercase;
}
.w200{
    font-weight: 200;
}
.w300{
    font-weight: 300;
}
.w400{
    font-weight: 400;
}
.w500{
    font-weight: 500;
}
.w600{
    font-weight: 600;
}
.main_btn{
    border-radius: 14px;
    padding: 15px 20px;
    text-align: center;
}
button,a{
    cursor: pointer;
}
input{
    outline: none !important;
}