
 a {
    color: hotpink; font-family:Dancing Script; 
   }

   pre
   {
    background-color: rgb(212, 188, 159) ; color: rgb(160, 98, 98); font-family: Oswald;
   }

   body {
     background-color: rgb(255, 239, 220); color: rgb(155, 151, 151); font-family: Oswald;
     background-color:beige;
     text-align: center;
     background-image: url('fondo.jfif');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
 }
h1, h2 {
     background-color: rgb(153, 100, 137); color: rgb(184, 181, 181); font-family: Oswald;
     color: white;
     background-color: rgb(184, 102, 116) ; color: white; font-family:Dancing Script; 
     padding: 36px;
 }

 h3{
    background-color: rgb(165, 156, 141); color: white; font-family:  Dancing Script;
 }
           
 button{
     background-color:rgb(192, 192, 179);
 }

 img{
     border: 15px solid rgb(192, 165, 150);
 }
 p{
     background-color: rgb(212, 188, 159) ; color: rgb(160, 98, 98); font-family: Oswald;
     
    }
 

 table ,td ,tr {
    border : 3px solid rgb(201, 163, 163) ;
    border-collapse: collapse;
    border-radius: 10px;
    
}

th ,td{
   background-color: rgb(211, 194, 199);
   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 */
}

tr:nth-child(even) {
    background-color: #D6EEEE;
}
tr:nth-child(odd) {
    background-color:cornflowerblue;
}
tr:hover {background-color:chocolate;}

li{
    font-family: Oswald;
}