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

body,h1,ul {
    margin: 0;
    padding: 0;
}

html,body{
  height: 100%;
  color:black;
  font-family: 'Arial Narrow', sans-serif;
}

h1 {font-family: 'Baloo 2', cursive; color: black; background-color: rgb(202, 46, 98);}

/* selectores personalizados */ 
destacado {color: blue; background-color: black; font-size: 20px;
}
   .contenedor {
       width: 80%;
       margin: 0 auto 0 auto;
       background-color: white;
   }


.cabeza { 
    border: 2px solid black;

}

.cuerpo1 { 
    color: black;
    background-color: bisque;

}
.cuerpo2 { 
    padding: 20px;
    color: black;
    background-color: beige;
}
.cuerpo3 {
color: black ;
background-color: palevioletred;
}

.subtitulo {
    font-size: 18px;
    font-weight: bold;
}

body { 
    background-color: lightgoldenrodyellow;
}
.menu.contenedor { 
    background-color: beige;
    width: 800px;
    margin: 0% auto;
}
.cabeza {
    background-color: rgb(248, 203, 210);
    color: black;
    padding: 50px;
    text-emphasis: center;
}
.menu {
    background-color: darkmagenta;
    border-bottom: 2px solid black;
}
.menu ul {
    list-style: none ;
}
.menu li {
    display: inline-block;
    padding: 10px;
}
.menu a {
    color: white;
    text-decoration: none;
}
.menu a:hover {
    color: red; 
}
.cuerpo1 {
    border: 1px solid black;
}
.centrar {
    display: block;
    margin: auto;
}
.centrar a{
    display: block;
    margin: auto;
}
.centrar b{
    display: block;
    margin: auto;
}