@font-face {
    font-family: 'Orbitron-Bold';
    src: url('../font/Orbitron-Bold.ttf') format('truetype'); 
    font-weight: 800;
    font-style: normal;
}
body, .div-hint {
    width: 2450px;
    height: 1250px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.text-lg {
    font-size: 15rem;
}

.text-md {
    font-size: 6.5rem;
}

.text-sm {
    font-size: 2rem;
}

@media (max-width: 1920px) {
    body, .div-hint {
        width: 1800px;
        height: 900px;
    }

    .text-lg {
        font-size: 11.25rem;
    }
    
    .text-md {
        font-size: 4.875rem;
    }

    .text-sm {
        font-size: 1.5rem;
    }
}

.div-title {
    z-index: 10;
    font-family: "Orbitron-Bold";
    width: 1600px;
    text-align: center;
    margin-top: 1.5rem;
}

.span-sub {
    text-align: center;
    padding-top: 0.7rem;
}