#content {
    display: flex;
    flex-direction: column;
    align-items: center;

    overflow-y: auto;
    overflow-x: hidden;
}


#podium {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10vw;

    margin-top: 5vh;

    width: 100vw;
    height: 40vh;
}

.podium-place {
    position: relative;

    height: 40vh;
    width: 30vh;

    background-color: rgba(255, 255, 255, .05);
    border-radius: 1.5vh;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

    padding: 3vh 0;

    color: #ccc;

    cursor: pointer;
    transition: transform .3s;
}

.podium-place:hover {
    transform: scale(1.1);
}

.podium-place .placing {
    font-size: 3vh;
    font-family: "Poppins", sans-serif;
    color: #eee;
}

.podium-place .person-name {
    font-size: 3vh;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #eee;

    text-align: center;
}

.podium-place .medal {
    position: absolute;
    z-index: -1;
    top: 0;

    height: 70%;

    filter: drop-shadow(-4px 4px 6px rgba(0, 0, 0, 0.6));
}


#number-two,
#number-three {
    position: relative;
    transform: translateY(5vh);
}

#number-two:hover,
#number-three:hover {
    transform: translateY(5vh) scale(1.1);
}


#other-contestants {
    display: flex;
    flex-direction: column;
    gap: 2vh;

    margin-top: 10vh;

    background-color: rgba(255, 255, 255, .05);

    width: 40vw;

    padding: 2vw;
    list-style: none;
    border-radius: 2vh;

    /* overflow-x: hidden;
    overflow-y: auto; */
}

#other-contestants .contestant {
    height: 5vh;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    gap: 1vw;

    font-family: "Poppins", sans-serif;

    background-color: rgba(255, 255, 255, .05);

    padding: 0 1.5vw;

    border-radius: 1vh;
    cursor: pointer;

    transition: transform .1s;
}

#other-contestants .contestant:hover {
    transform: scale(1.05);
}

#other-contestants .contestant .contestant-place {
    color: #ccc;
    font-weight: normal;
    font-size: 2vh;
}

#other-contestants .contestant .contestant-name {
    color: #ddd;
    font-size: 3vh;
}