#leader-counter{
    height:5%;
    width:40%;
    left:30%;
    top:4%;
    border-radius: 1vh;
    background:rgba(255, 242, 195, 0.75);
    box-shadow: 2px 2px 2px 2px rgba(204, 194, 156, 0.75);
    position: relative;
}

#leader-text{
    height:100%;
    width:30%;
    left:5%;
    font-size:2.2vmin;
    display: flex;
    align-items: center;
    justify-content: left;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    position:absolute;
}

#leaders-box{
    height: 80%;
    width:65%;
    left:27%;
    top:10%;
    position: absolute;
}

#leaders{
    height: 100%;
    width:100%;
    right:0;
    padding:0;
    display: inline-block;
    justify-content: center;
    position: absolute;
}

.leader{
    height: 100%;
    width:11.538%;
    margin:auto auto auto 5%;
    border-radius: 100px;
    box-shadow:0 0 0 0.15vmin #2f4230;
    float:left;
    /*cursor:pointer;*/
    font-size:1.5vmax;
    font-weight: bold;
    color: #505050;
    background-color: gray;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break:keep-all;
    white-space:nowrap;
    background-size:contain;
}

.leader-last{
    background-color: #a46161;
}

.leader-passed{
    background-color: #505050;
}

.leader-current{
    background-color: #9494be;
}