.rank-board{
    padding-top: 50px;
}

.number-one{
    font-size: 20px;
    font-weight: bold;
}

.number-two{
    font-size: 18px;
    font-weight: bold;
}

.number-three{
    font-size: 16px;
    font-weight: bold;
}

.number-default{
    font-size: 14px;
    font-weight: bold;
}

.MuiTableCell-root {
    border-bottom: 1px solid #78909C;
}

.rank-card-wave {
    display: block;
    position: relative;
    color: white;
    height: 60px;
    width: 100%;
    transform: scale(1, 1);
}

.rank-card-wave-blue {    
    background: #448df2;
}
.rank-card-wave-green {    
    background: #4bb641;
}
.rank-card-wave-orange {    
    background: #efb142;
}
.rank-card-wave-red {    
    background: #e03c04;
}

.rank-card-wave span{
    font-size: calc(1em + 1vw);
}



.rank-card-no-wave {
    vertical-align: middle;
    position: relative;
    color: white;
    height: 50px;
    width: 100%;
    transform: scale(1, 1);
}

.rank-card-no-wave span{    
    font-size: calc(1em + 0.5vw);
}

.rank-card-no-wave-orange {
    background: #efb142;
}

.rank-card-no-wave-green {
    background: #4bb641;
}


.rank-card-no-wave-blue {
    background: #448df2;
}

.rank-card-no-wave-red {
    background: #e03c04;
}


.rank-card-wave:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 100%;
    height: 300px;
    background-color: white;
    right: -25%;
    top: 20px;
    z-index: -1;
}

.rank-card-wave:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 100%;
    height: 300px;
    left: -34%;
    top: -220px;
    clip-path: ellipse(100% 15% at -15% 100%);
    z-index: -1;
}

.rank-card-wave-blue:after {    
    background: #448df2;
}
.rank-card-wave-green:after {    
    background: #4bb641;
}
.rank-card-wave-orange:after {    
    background: #efb142;
}
.rank-card-wave-red:after {    
    background: #e03c04;
}