@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');




*{padding: 0; margin: 0;transition: 1s all;}

/* Estilos generales */

body{ font-family: 'Cinzel Decorative', cursive; margin: 0;} 

header { color: #fffefb; background: #276a8e; padding: 1rem; text-align: center; padding-bottom: 0.5rem; padding-top: 0.2rem; }
header h1 {font-family: 'Cinzel Decorative', cursive; text-align: center; }



nav { background: #95c5de; padding: 1rem; font-size: 1.2rem; }

nav ul li { display: inline-block; }
nav ul li a { color: #fff; text-decoration: none; font-size: 0.9rem; }

#navego li a:hover {
    background-color: #4093b2;
    color: aliceblue; text-align: center; justify-content: center;}
#navego li  {
    padding-inline-start: 20px;}



main section article { padding: 1rem}
main section article img {border-radius: 50%;
height: 40%;}

h1{font-family: 'Cinzel', serif; font-size: 2.5rem; font-weight: 900}


.columna-1 {background: #edf7ff; font-size: 0.8rem; text-align: center }

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

footer { background: #8cb9cc; padding: 1rem;}
footer p{ font-size: 0.6rem; font-family: 'Cinzel', serif; font-weight: 400; text-align: center; } 



/* cuando es mayor a 768px */
@media screen and (min-width:48rem){
    
    nav { background: #6693aa;}
    nav ul li a {font-size: 1.3rem}
   #navego li {padding-inline-start: 50px;}
    #navego li a:hover {
    background-color: #2b5e71;
}