@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Roboto:wght@100;400;500;900&display=swap');

*{padding: 0; margin: 0; box-sizing: border-box; transition: 0.5s all;}

header {align-content: center;background-image: url(../img/fondo9.jpg); background-size: cover;background-repeat: no-repeat; width: auto;background-position: center;}
h1 {color:#ffffff;padding: 1rem;font-family: 'Baloo 2', cursive; font-size: 2rem;; text-align: center;font-weight: 500;}
img {border-radius: 6rem; border: 0.2rem solid #f88028; width: 100px;}
header {text-align: center;}
header p {font-family: 'Roboto', sans-serif;font-weight: 500; font-size: 1rem;padding: 1rem;color: white;}
main h2 {margin-left: 2rem;}
main h2 a {color: #9b9595;font-family: 'Roboto', sans-serif; font-size: 1.5rem;margin-left: 0.5rem;font-weight: 100;}
main section h3{background: black;color: #f88028;padding: 1rem;font-size: .9rem; margin-top: 1rem;margin-right: 2rem;font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 1rem; }
main section article {background-image: linear-gradient(to top, #ffe96f 0%, #fca15f 100%); padding: 1rem;margin-right: 2rem;text-align: center;}
main section article p a{text-decoration: none;color: #000000;font-size: 1rem;font-weight: 400;}
footer {background: #b9b8b8; padding: 1rem;margin-top: 1rem;font-size: 0.6rem;text-align: center;font-family:'Roboto', sans-serif; font-weight: 400;}

/* Menu */
nav{background-color: #403f3e; padding: 1rem; text-align: center }
nav ul li {display: inline-block;}
nav ul li  a{color:#f88028; text-decoration: none;padding: 0.5rem;font-family: 'Baloo 2', cursive;font-weight: 400;font-size: 1rem}
.link-activo{background:#5c5a5a;}









/* cuando es mayor a 768px */

@media screen and (min-width:48rem){
    
    img {border-radius: 6rem; border: 0.2rem solid #f88028; width: 200px;}
    header {background-image: url(../img/fondo9.jpg);background-size: cover;background-position: center;}
    h1 {font-size: 3rem;}
    nav ul li  a{color:#f88028; text-decoration: none;padding: 0.5rem;font-family: 'Baloo 2', cursive;font-weight: 400;font-size: 1.5rem}
    main section article {text-align: left;}
    footer {font-size: 0.7rem;}
    
}