@import url('style.css');

#high-scores
{
    align-items: center;
}

#high-scores span
{
    display: flex;
}

.settings
{
    height: fit-content;
    width: fit-content;
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 1%;
    font-size: 2vw;
    transition: ease-in 0.2s;
}

.settings button{
    max-width: fit-content;
}

.settings a{
    text-decoration: none;
    color: black;
    transition: ease-in 0.2s;
}

.settings a:hover{
    scale:0.9;
}

.settings input
{
    cursor: pointer;
}

#clickable
{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 5%;
    gap: 2vh;
}

#back{
    margin-top: 10%;
}

@media (max-width: 768px){
    .settings{
        align-items: center;
        width: 75%;
        height: fit-content;
        font-size: 125%;
    }
}