@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Mada:300,400,500,900|Noto+Serif:400,400i,700,700i';
/* holii */
*html {
    font-family: 'Mada';
    font-size: 14px;
    font-weight: 400;
      }
div#pagina {
    width: 92%;
    margin: 1.5rem 1.5rem 1.5rem 1.5rem;     
           }


/* color de fondo */
body {
    background-color: rgb(0, 196, 151);
    margin: 1.5rem 1.5rem 1.5rem 1.5rem;
    padding: 2rem;
    }


/* introducción */
h1 {
    font-family: 'Noto+Serif';
    font-weight: 400;
    font-size: 25px;
    text-decoration: none;
    color: white;
    background-color: rgb(114, 113, 113);
    border-radius: 50px;
    text-align: center;
    margin: 5rem 1.5rem 1.5rem 0rem;
    padding: 1rem 7rem 1rem 7rem;
}


/* botón registrarse */
header nav ul li a {
	overflow: auto;
	list-style:none;
    padding: 0.25em;
    margin: 5rem 35rem 1rem 35rem;
    display:block;
    background-color: white;
    border-radius: 50px;
    font-family: 'Mada';
    font-size: 25px;
    font-weight: 450;
    text-align: center;
    color: rgb(0, 196, 151);
}


/* color al pasar mouse */
header nav ul li a:hover {
	background: white;
    color: rgb(114, 113, 113);
    text-align: center;   

}


.padre {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 2rem 2rem 2rem 2rem;
}