@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,700;1,900&display=swap');

/*
selector{propiedad:valor;}
*/

body{background:hsl(0, 0%, 100%); font-family: 'raleway'; text-align: center;}

.imagenes {max-width: 600px; width: 100%; height: auto;}
.portada {width: 100%; height: auto;}

/*propiedades del nav*/
nav{background: #ED1E79; font-size: 1.5rem; font-weight: 700; padding: 1rem;}
nav ul {padding: 0%;}
nav ul li {margin: 2%; padding: 2%;list-style: none; text-align: center; background:#FF7616 }
nav ul li:hover {background: #f5a956;}
nav ul li a{padding-right: 3rem; padding-left: 3rem; text-decoration: none; color: white;}


h1{color:#ffffff; font-size: 5.5rem;align-content: inherit;background: #AD8DF2; font-weight: 200;padding: 1rem; }
h2 {background: #2D164B; color: white; font-size: 2rem; font-weight: 400;}

footer p{color:#686868; font-size: 0.6rem; text-align: center;}




@media (min-width: 576px){

    h1 {margin: 0%;}

    nav{background: #ED1E79 ;padding: 0rem ; font-size: 1.5rem; font-weight: 700;}

    nav ul li{list-style: none; display: inline-block; margin: 2%; padding: 0%;text-align: center; background: #ED1E79;}

    nav ul li:hover {background: #FF7616;}

}