@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box}

/*
    selector{propiedad: valor}
    - AGREGAR CONTENEDOR EN LA PARTE DEL NOMBRE PARA CENTRARLO, TIPO NEGRA EN EL NAV A, TIPO NEGRA EN CONTENEDORES DE FOJA, 
*/

body{background: rgb(0, 0, 0);color:white;font-family: 'PT Sans', sans-serif;}

h1{font-size: 10rem;line-height:8rem;text-align:center;}
h2{font-size: 3rem;color:#21f894;text-align: left;}
header{background: white;color:black}
header section {width: 90%;margin: auto;align-items: center;}

.menu{background: white;color:black;padding:1%;text-align: left;}
.menu nav a{color:black;font-size: 1rem;margin: 2px;padding: 2%;text-decoration: none}
.menu nav a:hover{background: #21f894;border-radius: 12px;transition: 0.5s}

.circular{border-radius: 50%;}
.portada{display: flex;flex-wrap: wrap;justify-content: space-around;width: 90%;margin: auto;padding: 25px}

.foja{display: flex;flex-wrap: wrap;justify-content: space-around; width: 90%;margin: auto;}
.foja article{background: #21f894;color:black;width: 30%;padding: 20px;text-align: left;border-radius: 12px;margin: 10px;min-width:300px;} 
.foja ul{font-size: 0.9rem;font-weight: 500;list-style: none;}

main .perfiles{font-size: 0.9rem;text-align: center;}
main .perfiles nav a{background: white;color:black;font-size: 1.5rem;border-radius: 12px;margin: 15px;padding: 1%;text-decoration: none}
main .perfiles nav a:hover{background: #21f894}

.datos{font-size: 0.8rem;text-align: center;}

footer{background: white;color:black}
footer p{font-size: 0.8rem;margin: 2px;padding: 1%}