html, body {
   
    height: 100vh;
    overflow: hidden;
   /* background: #22222A;*/
    font-family: 'Verdana', monospace;
    -webkit-font-smoothing: antialiased;
    font-size: .88rem;

}

.headerText {
    font-size: 50px;
    font-family: Cinzel;
    color: rgb(239,62,66) !important
}

.headerTextPlus {
    font-size: 60px;
    font-family: Cinzel;
    color: rgb(239,62,66) !important
}

.headerSubText {
    font-size: 20px;
    font-family: Cinzel;
    color: #7f8182 !important
}

.headerSubTextPlus {
    font-size: 25px;
    font-family: Cinzel;
    color: #7f8182 !important
}

.stat-header-text {
    font-size: 30px;
    font-family: Cinzel;
    color: #7f8182 !important;
    text-align: center;
}

.stat-header-text-red {
    font-size: 30px;
    font-family: Cinzel;
    color: rgb(239,62,66) !important;
    text-align: center;
}

.content-width {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding:.5em;
}

.light  {
    background-color: rgb(235,235,235);
}

.dark *:not(.headerText, headerContainer) {
    background-color: #002056;        
}

.darkest  {
    background-color: rgb(19,34,48);
    color: rgb(152,151,153)
}





.item-image {
    position: relative;
   max-width:99%;
    height: auto;
    display: block;
    transition: opacity .3s ease-out .45s;
    border: 15px solid rgb(19,34,48);
    background: rgb(19,34,48);
    text-align: center;
}
.image {
    width: 70%;


}
.frame {
    margin: auto 1em auto 4em;
    text-align: center;
    font-size:1vw
}
.imageCaption {
    text-align: center;
    align-self:center;
    justify-content:center;
}


.stats {
    width: auto;
    -webkit-justify-content: center;
    justify-content: center;
    align-self: center;
    text-align: center;
    /*justify-content-center align-self-center*/
}
/* Header -----------------------------------------------------*/
.headerContainer {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.headerContainer *{
 
}

.StatsDescriptionText {
    margin: auto;
    font-size: 1.5vw;
}

.headerImg {
    max-width: 100%;
    max-height: 100%;
}


/* body -----------------------------------------------------*/

.body{
    margin-left:-1%;
}
.title {
    font-size: 25px;
    font-family: 'Cinzel', monospace;
    margin-bottom: .75em;
    font-weight: 600;
    color: rgb(239,62,66) !important
}
td{
    padding-left: 1em;
}
.statTitle {
    font-size: 1.25vw;
    font-family: 'Cinzel', monospace;
    margin-bottom: .75em;
    font-weight: 600;
    color: rgb(239,62,66) !important
}
.statsListItem {
    font-size: .75vw;
    color: black;
}

.text {
    overflow: hidden;
    display: inline-block;
   
}

    .text b {
        display: inline-block;
        transform: translateY(100%);
    }



/* Controls ----------------------------------------------------------------------*/


.mainContainer {
    background-color: grey
}