body {
    color: #fff;
}

#highScoresList {
    list-style: none;
    margin-bottom: 4rem;
}

.high-score {
    font-size: 2.8rem;
    margin-bottom: 0.5rem;
}

/* media query for the tablet devices */
@media screen and (max-width: 768px) {
    .container {
        padding: 1rem;
    }

    #finalScore {
        font-size: 1.8rem;
    }

    .btn {
        padding: 0.6rem 1.2rem;
        font-size: 1rem;
        width: 80%;
    }

    .btn i {
        display: none; /* Hide icon on smaller screens if necessary */
    }
}

/* media query for the mobile devices */
@media screen and (max-width: 480px) {
    .container {
        padding: 0.5rem;
    }

    #finalScore {
        font-size: 1.5rem;
    }

    .btn {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        width: 90%;
    }

    .btn i {
        display: none; /* Hide icon on smaller screens if necessary */
    }
}