.font14{
    font-family: "Manrope";
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font16{
    font-family: "Manrope";
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font18{
    font-family: "Manrope";
    font-weight: 300;
    font-style: Light;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font20{
    font-family: "Manrope";
    font-weight: 300;
    font-style: Light;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font24{
    font-family: "Manrope";
    font-weight: 300;
    font-style: Light;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font36{
    font-weight: 300;
    font-style: Light;
    font-size: 32px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font32{
    font-weight: 300;
    font-style: Light;
    font-size: 36px;
    line-height: 130%;
    letter-spacing: 0px;
}
.font40{
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}
.font48{
    font-weight: 400;
    font-size: 48px;
    line-height: 130%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.white_btn{
    color: #263717;
    padding: 15px 20px;
    background: white;
    border-radius: 6px;
    box-shadow: 0px 4px 32px 0px #FFFFFF40;
    box-shadow: 0px 4px 32px 0px #FFFFFF40;
    border: 1px solid transparent;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0px;
}
.orange_btn{
    color: white;
    padding: 15px 20px;
    background: #F25246;
    box-shadow: 0px 4px 32px 0px #FFFFFF40;
    box-shadow: 0px 4px 32px 0px #FFFFFF40;
    border: 1px solid transparent;
    border-radius: 6px;
}
.white_btn:hover{
    opacity: 0.8;
}

.tr_btn{
    color: white;
    padding: 15px 20px;
    border: 1px solid;
    border-color: #FFFFFF14;
    backdrop-filter: blur(64px);
    background: #FFFFFF29;
}
.tr_btn:hover{
    opacity: 0.8;
}
.medium{
    font-weight: 500;
}
.hidden{
    visibility: hidden;
}

@font-face {
    font-family: "Anticva-Regular";
    src: url("/fonts/Anticva-Regular.otf");
}

@font-face {
    font-family: "Gosznak";
    src: url("/fonts/Gosznak-Semi Bold.otf");
}
button:hover{
    opacity: 0.8;
    transition: all .2s ease-in-out;
}
a:hover{
    opacity: 0.8;
    transition: all .2s ease-in-out;
}
*{
    scroll-behavior: smooth;
}

@media (max-width:800px) {
    .font48{
        font-size: 32px;
    }
    .font40{
        font-size: 32px;
    }
    .font18{
        font-size: 16px;
    }
    .font24{
        font-size: 20px;
    }
    .font32{
        font-size: 24px;
    }
}