html{
font-size: 15px;
}
h1 ,h2{
    text-align: center;
}



/* degradado de tamaño */
.base-lista ul{
    font-size: 1rem;
}
 @media screen and (max-width: 600px) {
.base-lista ul{
    font-size: 1.5rem;
    
}}

/* tamaño carta */

.card-padre{

}

.padre--card{

}
/* ch responsive */

.ch-responsive{
    text-align: center;
    margin: 0 auto;
    max-width: 60ch;
}

@media screen and (max-width: 600px) {
.ch-responsive{
    text-align: center;
    margin: 0 auto;
    max-width: 20vw;
}}

/* container con media 

@media (min-width: 800px) {

}

@container (width > 600px) {
    
}
*/