@import url(../components/_navbar.css);
@import url(../generic/_reset.css);
@import url(../generic/_animations.css);
@import url(../components/_quiz-question.css);
@import url(../settings/_colors.css);
@import url(../settings/_fonts.css);
@import url(../components/_quiz-timer.css);
@import url(../components/_icon__navbar--link-page.css);
@import url(../utilities/style.css);

@media (min-width: 0) and (max-width: 1000px) {
    .numero-questao {
        font-size: 20vw
    }

    .texto-pergunta {
        font-size: 3.5vw;
        width: 90%;
        font-weight: 600;
    }

    .alternativa-button {
        width: 90vw;
        height: auto;
        font-size: 4vw;
        padding-left: 8vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .timer-container {
        top: 25vw;
        font-size: 3vw;
        left: 65vw;
        padding: 2vw;
    }

    #btnEnviar {
        height: 15vw;
        width: 90vw;
        font-size: 3vw;
        border-radius: 2vw;
    }

    .alternativas-container {
        width: 90vw;
        gap: 6vw;
        padding-bottom: 3vw;
    }

    #quiz-container {
        display: flex;
        flex-direction: column;
        gap: 5vw
    }

    .alternativa-label {
        background-color: var(--eletric-indigo);
        color: var(--white);
        padding: 3vw;
        width: 1vw;
        height: 1vw;
    }
}