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

.rating-null {
    font-size:5rem;
    color:gray;
}

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

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

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

.d-flex {
    display:flex;
}

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

.flex-horiz {
    flex-flow: row wrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

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

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

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

.pad-horizontal {
    padding-left: 2em;
    padding-right: 2em;
}

.score-box {
    border-radius:10px;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    padding-right:22px;
    padding-left:20px;
    font-size:4.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%);
}


[role="region"][aria-labelledby][tabindex] {
  overflow: auto;
}

[role="region"][aria-labelledby][tabindex]:focus {
  outline: .1em solid rgba(0,0,0,.1);
}