@font-face {
    font-family: 'monument';
    src: url('/assets/fonts/Monument.ttf');
}
@font-face {
    font-family: 'spaceGrotesk';
    src: url('/assets/fonts/SpaceGrotesk.ttf');
}
@font-face {
    font-family: 'ethnocentric';
    src: url('/assets/fonts/Ethnocentric.ttf');
}

p, span, h1, h2, h3, h4, h5, h6, a, button, input, label, select, textarea, div {
    font-family: 'spaceGrotesk', sans-serif !important;
}

.video {
    position: absolute;

    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: 75%;

    object-fit: cover;
    pointer-events: none;

    filter: blur(10px);
    z-index: -5;
}

.font-monument {
    font-family: 'monument', sans-serif !important;
}

.font-ethnocentric {
    font-family: 'ethnocentric', sans-serif !important;
}

.text-orange {
    color: #ff7f50;
}

.btn.btn-white {
    background-color: #fff !important;
    color: rgb(38, 39, 47) !important;
}
.btn.btn-white:hover {
    background-color: #f5f5f5 !important;
}

.big-title {
    font-size: 6rem;
}

@media (max-width: 600px) {
    .big-title {
        font-size: 4rem;
    }
}

@media (max-width: 400px) {
    .big-title {
        font-size: 3rem;
    }
}

@media (max-width: 300px) {
    .big-title {
        font-size: 2rem;
    }
}