/*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(20, 20, 20);
    font-family: 'Bitter', serif;
    ;
    
   
}
h1,h2,h3,h4{
    font-family: 'Inconsolata', monospace; ;
}
/*
h1{
    color: crimson;
    background-color: azure;
}
*/

/*selectores personalizados*/ 

.destacado {
    color: whitesmoke;
    background-color: rgb(40, 40, 40);
    font-size: large;
    
}
.subtitulo {
 color: goldenrod;
 font-size: larger;   
}

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

}
/*menu*/
.menu{ 
    background-color: rgb(26, 26, 26);
    text-align: center;
    color: whitesmoke;
    border: 2px solid  black;
}
.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: whitesmoke;
    text-decoration: none;
}
.cuerpo1{
   
    color: gray;
    background-color: rgb(30, 30, 40);
 
}
.cuerpo2{
    padding: 20px;
    color: whitesmoke;
    background-color: rgb(30, 40, 30);
  

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