style.css

*{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    
}

a{text-decoration: none;
}

header{background-color: antiquewhite;
padding: 4rem;}

.nav-bar{display: flex;
flex-direction: column;}

.nav-bar ul {gap: 6rem;
justify-content:  center;
font-size: 30px;
font-weight: bold;
list-style: none;}

.nav-bar ul a {color:black}

.titulo{background-image: url(https://images.unsplash.com/photo-1518855706573-84de4022b69b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80);
background-size: cover;

    padding: 20rem;}
.titulo h1{padding: 2rem;
    background-color: rgba(122, 120, 120, 0.226);
    font-size: 50px;
text-align: center;}

.contenedor{display: flex;
flex-direction: column;
padding-top: 10rem;
background-color: black;}

.contenedor h2{color: whitesmoke;
    text-align: center;
    font-size: 30px;
    padding: 1rem;
    background-color:rgba(122, 120, 120, 0.226) ;
 
}

.tipos{display: flex;
margin: 4rem 4rem;

}
.secciones{display: flex;
flex-direction: column;}
.secciones h3{color: whitesmoke;
  text-align: center;
font-size: 30px;
align-self: center;
margin-top: 18rem;}

.secciones ul {display: flex;
    flex-direction: column;
    gap:3rem
    
}

.tipos ul li{color: whitesmoke;
    
}

.tipos p, .tipos ul{color:azure;
font-size: 22px;
margin-left: 8rem;
text-align: justify;
margin-top: 6rem;
}


footer{
    padding: 2rem;
}

.tipos img{width: 50vw;}

footer p{text-align: center;
font-size: 20px;
font-weight: bold;
padding: 4rem;
}

footer ul{gap: 6rem;
    line-height: 2rem;
    justify-content:  center;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
display: flex;
padding-bottom: 4rem;}

footer ul a {color: black;}