/* *{
    margin: 0;
    padding: 0;
    box-sizing: 0;
} */
body {
    background-color: yellow;
}

h1{
    background: rgb(1, 1, 165);
    border-radius: 12px;
    color: yellow;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 30px;text-align: center;

}

h2 {
    background: rgb(3, 3, 173); border-radius: 12px;
    color: yellow;
    text-align: center;
    font-size: 25px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    width: 15%;
}

a{
    /* background: blue; border-radius: 8px; */
    color: yellow;
    text-decoration: none;
}

a:hover{
    background: rgb(0, 0, 145);
    /* border-radius: 10px; */
    color: yellow;
}

table{
    background: darkblue;
    border-radius: 10px;
    position: center;
    margin-left: auto;
    margin-right:auto;
}
th{
    background: rgb(6, 6, 202);
    border-radius: 25px;
    color: yellow;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 24px;
    
}

tr{
    background: rgb(0, 0, 206);
    color:yellow;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}

td{ 
    border-radius: 12px;
    font-size: 20px;
}


table tr:hover{
    background-color: yellow;
    color: rgb(1, 1, 107);
    cursor: pointer;
}

a {
    text-decoration:none;
}

 a:hover {
    background: yellow;
    border-radius: 6px;
    color: blue;
}

.alinear {
    background: rgb(2, 2, 150);
    color: yellow;
    text-align: left;
}

.alinear1 {
    text-align: left;
}


.margen {
        text-align: left;
}
 
table tr:hover {
    background-color: rgb(217, 255, 4);
    color: rgb(0, 17, 255);
    cursor: pointer;
  }

.size {
    font-size: 12px;
}

.color {
    color:yellow;
    background-color: rgb(0, 0, 141);
}
/*Efecto y estilos solo para ESPECIAS y GARRAFONES*/
.centrar{
    background-color: rgba(2, 2, 90, 0.384);
    color: yellow;
    text-align: center;
}
/*Efecto para los enlaces*/
.center{
    display: flex;
    justify-content: center;
}

/*Clase para nombres entre parentesis*/
.texto{
    font-size: 12px;
}