body {
    /*background-image: url("../img/background.jpg"); !* Adjust path based on your static folder *!*/
    background-size: cover; /* Ensures the image covers the entire background */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Keeps the image fixed when scrolling */
    background-position: center center; /* Centers the image */
    padding-bottom: 60px; /* Provide space for the footer */
    box-sizing: border-box;
    min-height: 100vh; /* Ensures the body is at least the height of the viewport */
}
html {
    height: 100%; /* Ensures the body takes the full height of the viewport */
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px; /* Adjust height of the footer */
    background-color: #f8f9fa; /* Keeps the same light background */
    text-align: center;
    padding: 15px 0;
}
.sidebar-nav {
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

/* Default styles for larger screens */
.players-list {
    font-size: 1rem;
    padding: 1rem;
    width: 80%; /* Centered and with some margin for larger screens */
    margin: 0 auto;
    list-style-type: none;
}

.players-list-item {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
}

/* Mobile-specific styles */
@media (max-width: 768px) {
    .players-list {
        font-size: 1.2rem; /* Increase font size for readability */
        padding: 1.5rem;
        width: 100%; /* Full width on mobile */
    }

    .players-list-item {
        padding: 1rem;
        margin-bottom: 1rem;
    }
}