*{
    margin: 0%;
    padding: 0%;
    font-family: Lato, Montserrat, system-ui, -apple-system, Helvetica, sans-serif;
}

.container{
    padding-top: 10vh;
    background: url("../img/target-aim-arrows-bow.jpg") no-repeat center center;
    background-size: cover;
    /* height: 252vh; */
    height: 232vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    
}


table {
    background-color: rgb(255, 255, 255, 0.7);
    border-collapse: collapse;
    width: 60vw;
    max-width: 60vw;
    margin: 2vw auto;
    font-family: Arial, sans-serif;
    height:auto;
    
  }

th, td {
    border: 0.1vw solid rgba(5, 0, 66, 0.541);
    padding: 0.8vw;
    text-align: center;
    color: rgb(0, 0, 0);
    
  }

th {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #001F3F;
}

a{
    text-decoration: none;
    color: #dddddd;
}

td:hover{
    background-color: rgb(0, 217, 255);
    
}

div a:hover{
    background-color: #40005e;
    color:#ffffffd8
}



button{
    
    margin-right: 2vh;
    background-color: red; /* Color de fondo */
    color: white; /* Color del texto */
    padding: 0.5vw 3vh; /* Relleno interno */
    border: none; /* Quita el borde */
    border-radius: 2vw; /* Borde redondeado */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    
}

.boton{
    
    color: #f2f2f2;
    margin-right: 2vh;
    background-color: #4CAF50; /* Color de fondo */
    color: white; /* Color del texto */
    padding: 0.5vw 3vh; /* Relleno interno */
    border: none; /* Quita el borde */
    border-radius: 2vw; /* Borde redondeado */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
}

.nuevo{
    color: #030303;
    margin-right: 2vh;
    background-color: #f6faf7e5; /* Color de fondo */
    color: rgb(0, 0, 0); /* Color del texto */
    padding: 0.5vw 3vh; /* Relleno interno */
    border: none; /* Quita el borde */
    border-radius: 2vw; /* Borde redondeado */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
}


img{
    width: 10vw;
    height: 16vh;
}