/* styles.css */
body { 
    font-family: sans-serif; 
    padding: 20px; 
     background-image: url(../Recursos/Imagenes/Fondo2.jpg);
    
    background-blend-mode: overlay; 
                    overflow-y: hidden;
    overflow-x: hidden;
}

#leaderboard-list { 
    list-style: none; 
    padding: 0; 
    max-width: 400px; 
}

#leaderboard-list li { 
    border: 1px solid #4CAF50; 
    margin-bottom: 8px; 
    padding: 10px; 
    background-color: #e8f5e9;
    border-radius: 4px;
}

form { 
    margin-bottom: 30px; 
    padding: 20px; 
    border: 1px solid #ccc; 
    max-width: 400px; 
}

input { 
    padding: 8px; 
    margin-bottom: 10px; 
    width: 90%; 
    display: block; 
}

button { 
    padding: 10px 15px; 
    background-color: #4CAF50; 
    color: white; 
    border: none; 
    cursor: pointer; 
}

.reset-button { 
    background-color: #f44336; 
    margin-top: 15px; 
} 
.menu-button{
    background-color: cian; 
    margin-top: 15px; 
}