a {
    color: black; font-family:Dancing Script; 
   }

   pre
   {
    background-color: white; color: rgb(107, 107, 107); font-family: Oswald;
   }

   body {
     background-color: rgb(255, 255, 255); color: rgb(155, 151, 151); font-family: Oswald;
     text-align: center;
     background-image: url('fondo.png');
 }

 h1 {
    color: rgb(0, 0, 0);
    background-color: rgb(167, 167, 167);
 }
 h2 {
     background-color: rgb(185, 184, 184); color: rgb(0, 0, 0); font-family: Oswald;
     color: white;
     padding: 10px;
 }

 h3{
    background-color: rgb(226, 226, 226); color: rgb(68, 68, 68); font-family: Indie Flower;
    padding: 8px;
 }
           
 button{
     background-color:rgb(192, 192, 179);
 }

 img{
     border: 15px solid rgb(128, 126, 125);
 }
 p{
     background-color: rgb(204, 204, 204) ; color: rgb(160, 98, 98); font-family: Oswald;
     
    }

    
    hr{
        border: 5px;
    }
 

 table ,td ,tr {
   border : 3px solid rgb(0, 0, 0) ;
    border-collapse: collapse; 
    color: black;
    
}
 

th{/* es la linea superior de la tabla */
    background-color: rgb(110, 110, 110);
    font-family: Oswald;
    text-align: center;
    
}

td{
    color:black;
 background-color: rgb(172, 172, 172);
   font-family: Oswald;
   text-align: center;
}

table {
     
    width: 90%; /* Establece que la tabla ocupe el 90% del espacio disponible */
    table-layout: fixed; /* Hace que las celdas tengan un tamaño predecible */
    margin: auto; /* Centra la tabla */
    border-collapse: collapse; /* Elimina los espacios entre bordes de celdas */
}




ul.menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(156, 156, 156); 
    font-family: Oswald;
    overflow: hidden;
    list-style-type: none;
}


    li.menu
    {
 float: left;
    }

  li.menu a {
    display: block;
    color: black;
    text-align: center;
    padding: 16px;
    text-decoration: none;
   
  }
  li.menu a:hover {
    background-color: rgb(94, 94, 94);
  }

  .mosaico {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    grid-gap: 10px;
    }

    ul, li {
        text-align: left;
        color: rgb(41, 41, 41);
    }
    hr{
    
       color: rgb(151, 151, 151);
       border: 1px solid;
    }
img.imagen{
    border-radius: 10%;
}