*{
    /* border-style: solid; */
}

.reward-group{

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.0em;

    /* width: clamp(250px, 50%, 300px); */
    width: 90%;
    min-width: 400px;
    padding: 1.0em;
    border-radius: 15px;
    
    font-family: Candy;
    background-color: lightblue;

    /* position: absolute;
    left: 50%;
    */
    
    /* margin: auto; */
    /* translate: -50%;  */
    
}

.each-stats-row{
    background-color: darkcyan;
    /* width: clamp(300px, 50%, 800px); */
    /* width: fit-content; */
    width: 90%;
    min-width: 350px;
  
    /* width: clamp(fit-content, 0.5vw, 100px); */
    border-bottom: 0.25em solid navy;
    /* border-style: solid; */
    
    
    display: flex;
    justify-content: center;
    /* gap: 24px; */
    gap: 1.0em;
    /* border-width: 100px ; */
    /* padding: 25px; */
    /* margin: 10px auto; */
}

.reference-group{
    /* width: clamp(570px, 5vw, 1000px); */
    /* width: 50%; */
    /* border-style: solid; */
    /* background-color: violet; */
    
    /* This helps with the look on each device. */
    /* min-width: 300px;    */
    /* width: fit-content; */
    
    /* font-size: 40rem; */
    
    display: flex;
    justify-content: end;
    align-items: center;
}

.badge-group{
    /* background-color: lightgreen; */
    
    width: fit-content;
    /* border-color: green; */
    display: flex;
    justify-content: start;
    align-items: center;
    /* border-bottom: 0.25em solid navy; */
}

.reference-display{
    color: khaki;
    font-family: Cheese;
    font-size: clamp(1.5rem, 3vw, 4rem);
    /* font-weight: bolder; */
}

.bible-badge{
    /* width: 90px; */
    padding: 12px 4px;
    width: 11.5vw;
    width: clamp(42px, 5.5vw, 105px);
    margin-right: 0.5em;
}

.heart-badge, .star-badge{
    /* width: 91.5px; */
    width: 5vw;
    width: clamp(40px, 4vw, 90px);
    margin-right: 0.5em;
}

.star-badge{
    margin-left: 0.25em;
}


/* .stats-display{
    display: flex;
    justify-content: start;
}

.mistake-display{
    color: green;
}

.time-display{
    color: blue;
} */

/*
@media screen and (orientation: portrait) {
   
    .each-stats-row{
        width: 90%;
    }

    .reference-display{
        font-size: 3.0rem;
        font-size: 1.5rem;
        font-size: clamp(1.5rem, 3vw, 3rem);
    }

    .bible-badge{
        /* width: 90px; */
        /* padding: 12px 4px; */
        /* width: 11.5vw; */
        /* width: clamp(120px, 5.5vw, 220px); */
    /* } */

    /* .heart-badge, .star-badge{ */
        /* width: 91.5px; */
        /* width: 8.25vw; */
        /* width: clamp(40px, 4vw, 90px); */
        /* margin-right: 0.5em; */
    /* } */
/* } 

*/