#round-counter{
    height:6%;
    width:50%;
    left:25%;
    top:3%;
    border-radius: 1vh;
    background: rgba(255, 242, 195, 0.75);
    box-shadow: 2px 2px 2px 2px rgba(204, 194, 156, 0.75);
    position:relative;
}

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

#rounds-box{
    height: 80%;
    width:60%;
    left:25%;
    top:10%;
    position: absolute;
}

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

.round{
    height: 100%;
    width:12.1%;
    margin:auto auto auto 5%;
    border-radius: 100px;
    box-shadow:0 0 0 0.2vmin #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;
}

.rounds-current{
    box-shadow:0 0 0 0.4vmin #e2a4a7;
}

.rounds-blue{
    background-color: blue;
    font-size:0;
    background-image:url(../img/success.svg);
}

.rounds-red{
    background-color: red;
    font-size:0;
    background-image:url(../img/fail.svg);
}

#score{
    height:100%;
    width:20%;
    right:3%;
    font-size:2.8vmin;
    font-weight: bold;
    display: flex;
    align-items: center;
    overflow:hidden;
    justify-content: center;
    position:absolute;
}

#blue-score{
    color:blue;
}

#red-score{
    color:red;
}