.rating-stars {
    font-size:5rem;
    color:gold;
}

.rating-stars-sm {
    font-size:2rem;
    color:gold;
}

.flex-container {
    display:flex;
    justify-content: center;
    align-items: center;
}

.flex-vert {
    flex-direction:column;
}

.ratings-label {
    font-size:2rem;
    text-align: center;
}

.roundup-intro {
    font-size:1em;
    font-style:italic;
}

.roundup-title {
    font-size:2.25em;
    font-weight:bold;
    text-align:center;
    line-height:1.3;
}

.score-box {
    border-radius:10px;
    margin:10px;
    padding-right:22px;
    padding-left:20px;
    font-size:5rem;
    -webkit-text-stroke: 2px darkgray; /* Shorthand property */
    -webkit-text-fill-color: #f2f5fa; /* Color of the text fill */
    color: #f2f5fa; 

    @include sm {
        font-size: 2rem;
    }

    @include md {
        font-size: 3.5rem;
    }
}

.score-90s {
    background: #FFD700;
    background: linear-gradient(180deg,rgba(255, 215, 0, 1) 0%, rgba(252, 247, 187, 1) 100%);
}

.score-80s {
    background: #1479cc;
    background: linear-gradient(180deg,rgba(20, 121, 204, 1) 0%, rgba(129, 178, 235, 1) 100%);
}

.score-70s {
    background: #16db99;
    background: linear-gradient(180deg,rgba(22, 219, 153, 1) 0%, rgba(156, 219, 199, 1) 100%);
}

.score-60s {
    background: #db8216;
    background: linear-gradient(180deg, rgba(219, 130, 22, 1) 0%, rgba(219, 191, 156, 1) 100%);
}

.score-yikes {
    background: #828282;
    background: linear-gradient(180deg,rgba(130, 130, 130, 1) 0%, rgba(181, 181, 179, 1) 100%);
}