.score-box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}

.scr-ctnr {
    box-sizing: border-box;
    width: 450px;
    height: 100px;
    padding: 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    transition: 250ms;
    margin: 20px 20px 20px 0;
    background-color: #EDEDED;
}

.scr-ctnr:last-child{
    margin: 20px 0 20px 0;
}

.scr-ctnr img {
    object-fit: contain;
    width: 125px;
    margin-right: 20px;
}

.scr-ctnr div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.scr-ctnr div p {
    margin: 10px 0 0 0;
}

.scr-ctnr h2 {
    margin: 0;
}

/* COLORS */
.grade-a, .grade-1 {
    background-color: #E8F4ED;
}
.grade-b {
    background-color: #EFF7E6;
}
.grade-c, .grade-2 {
    background-color: #F9F4E5;
}
.grade-d, .grade-3 {
    background-color: #FCF1E7;
}
.grade-e, .grade-4{
    background-color: #FDEEEE;
}
.grade-unknown {
    background-color: #EDEDED;
}

/* HOVERED COLORS*/
.grade-a:hover, .grade-1:hover {
    background-color: #D3EADD;
}
.grade-b:hover {
    background-color: #DFEECF;
}
.grade-c:hover, .grade-2:hover {
    background-color: #F4E9CC;
}
.grade-d:hover, .grade-3:hover {
    background-color: #F9E3D0;
}
.grade-e:hover, .grade-4:hover {
    background-color: #FBDDDD;
}
.grade-unknown:hover {
    background-color: #DCDCDC;
}