@font-face {
    font-family: 'SpookyWitchy';
    src: url(/fonts/SpookyWitchy-Regular-2.otf);

}@font-face {
    font-family: 'inter-ui';
    src: url(/fonts/Inter-UI-Black.woff);
}
@font-face {
    font-family: 'poetsenOne';
    src: url(/fonts/LANG_EN.TTF);
}
@font-face {
    font-family: 'GROBOLDDYNAMIC';
    src: url(/fonts/GROBOLDDYNAMIC.TTF);
}
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}

.flex{display: flex;}
.block{display: block;}
.hidden{display: none;}

.img-bg{background-size: 100% 100%;background-repeat: no-repeat;}
.noscroll{overflow: hidden!important;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-shadow{
    text-shadow:
            -1px -1px 1px #5f5f5f,
            1px -1px 1px #5f5f5f,
            -1px  1px 1px #5f5f5f,
            1px  1px 1px #5f5f5f;
}

.top-0{top: 0;}
.left-0{left: 0;}
.width-20{width: 20%;}
.width-50{width: 50%;}
.width-100{width: 100%;}
.height-100{height: 100%;}
.mt-5{margin-top: 5% !important;}
.mt-10{margin-top: 10% !important;}
.mt-20{margin-top: 20% !important;}
.mg-auto{margin: auto;}
.pd-2{padding: 2%;}
.pd-3{padding: 3%;}
.pd-5{padding: 5%;}
.pd-10{padding: 10%;}

.white{color: white;}
.text-white{color: white;}
.bg-black{background-color: black;}
.opacity{opacity: 0}
.opacity-50{opacity: 0.5}
.opacity-100{opacity: 1}

.z-1{z-index: 1;}
.z-10{z-index: 10;}
.z-50{z-index: 50;}
.z-100{z-index: 100;}
.z-500{z-index: 500;}
.z-1000{z-index: 1000;}

.flex-1{flex:1;}
.flex-2{flex:2;}
.flex-3{flex:3;}
.flex-4{flex:4;}
.flex-5{flex:5;}
.flex-6{flex:6;}
.flex-7{flex:7;}
.flex-8{flex:8;}
.flex-9{flex:9;}
.flex-10{flex:10;}
.flex-11{flex:11;}

.border-radius-5{border-radius:5px;}
.border-radius-10{border-radius:10px;}
.border-radius-20{border-radius:20px;}
.border-radius-100{border-radius:100%;}