.principal {
    text-align: center;
}

.principal__subtitulo {
    margin-top: 20px;
}

.principal__lista {
    list-style: none;
}

.principal__item {
    font-size: 2.0rem;
}

.principal__item a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    border: solid 1px blue;
    
    border-radius: 10px;
}

.principal__item a:hover {
    text-decoration: underline;
    font-size: 1.5rem;
}

.principal__item a:active {
    border-color: rgb(0, 0, 0);
    color: rgb(0, 0, 0);
}

@media screen and (min-width: 0) {
    .principal__titulo {
        font-size: 3.5rem;
        margin-top: 5rem;
    }

    .principal__subtitulo {
        font-size: 1.9rem;
        margin: 20px;
        margin-bottom: 80px;
    }

    .principal__item {
        margin-bottom: 100px;
    }

    .principal__item a {
        padding: 20px;
    }
}

@media screen and (min-width: 992px) {
    .principal__titulo {
        font-size: 4rem;
        margin-top: 16px;
    }

    .principal__subtitulo {
        font-size: 3.0rem;
        margin: 30px;
        margin-bottom: 40px;
    }

    .principal__item {
        margin-bottom: 60px;
    }

    .principal__item a {
        padding: 5px;
    }
}