@media(max-width: 1024px) {
    .nota {
        width: 18rem;
    }
}

@media(max-width: 431px) {
    .btn-limpar {
        width: 5rem;
    }
}

@media(max-width: 376px) {
    .titulo-container {
        font-size: 2.5rem;
        letter-spacing: 0.02rem;
    }

    .subtitulo-container {
        font-size: 1rem;
        letter-spacing: 0.02rem;
    }

    .subtitulo-notas {
        font-size: 1.6rem;
    }

    .nota {
        font-size: 14px;
        letter-spacing: 0.04rem;
    }
}

@media(max-width: 322px) {
    .subtitulo-notas {
        font-size: 1.5rem;
    }

    .btn-limpar{
        width: 4rem;
    }
}