/*probando css*/

/*tipografia*/

@import url('https://fonts.googleapis.com/css2?family=Bitter&family=Inconsolata&display=swap');


body, h1, ul {
    margin: 0;
    padding: 0;
}
/*selectores de etiquetas html */

body{
    background-color: rgb(228, 228, 222);
    font-family: 'Bitter', serif; ;
    
   
}
h1,h2,h3,h4{
    font-family: 'Inconsolata', monospace; ;
}
/*
h1{
    color: crimson;
    background-color: azure;
}
*/

/*selectores personalizados*/ 

.destacado {
    color: rgb(240, 4, 4);
    background-color: rgb(230, 211, 182);
    font-size: large;
    
}
.subtitulo {
 color: goldenrod;
 font-size: larger;   
}

.contenedor {
    width: 80%;
    margin: 0 auto 0 auto ;
    background-color: whitesmoke;
}
.cabeza{
text-align: justify;
color: white;
background-color: rgb(129, 2, 2);
font-size: small ;

}
/*menu*/
.menu{ 
    background-color: rgb(223, 70, 93);
    text-align: center;
}
.menu ul{
list-style: none;

}
.menu li{
    display: inline-block;
    padding: 15px;
}
.menu a {
    color: goldenrod;
}
.menu a:hover {
    color: red
;
}
/*cuerpos*/
.cuerpo0{
    text-align: justify;
    color: brown;
    text-decoration: none;
}
.cuerpo1{
    border:  2px solid black;
    color: rgb(212, 10, 10);
 
}
.cuerpo2{
    padding: 20px;
    color: brown;
  

}
.cuerpo3{
    font-size:  20px;
    color: rgb(21, 1, 78);
}
.pie{
    font-size: 24px;
    text-align: center;
    color: solid black;
    padding: 45px;
}
/*imagenes*/
.centrar{
    display: block;
    margin: auto;
}
.cajaimg{
  width: 75%;
  margin: auto;
}
.adaptable{
    width: 100%;
}