.charsheet {
    
    color:white;
}

.sheet-redBoxBar {
   background-color: #bc2c13;
   width:100%;
   height:100px;
   padding-top:0px;
}

.sheet-redBoxBarside {
   background-color: #bc2c13;
   width:100%;
   height:100px;
   padding-top:0px;
}
.sheet-middleBarcurve {
   background-color: #bc2c13;
   width:100%;
   height:100px;
   margin-top:-70px;
   border-bottom-left-radius:50%;
   border-bottom-right-radius:50%;
}

.sheet-order {
   background-color: white;
   width:100%;
}

.sheet-3col {
    display: table;
    clear: both;
    box-sizing: border-box;
    width:100%;
}

.sheet-tcol {
    float: left;
    width: 33.33%;
    padding: 0px;
    box-sizing: border-box;
    
}
.charsheet h1{
    color:white;
    text-align: center;
    font-size:400%;
    padding-top:30px;
}
.charsheet h2{
    color:white;
    text-align: center;
    padding-top:30px;

}
.charsheet h3{
    color:black;
}
.charsheet p{
    color:black;
    text-align: center;
    padding-top:0px;

}

.sheet-topmiddleimg{
    width: 100px;
    background-image:Url("https://i.imgur.com/WZYAnHO.png");
    padding-top:10%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sheet-sub{
    width: 100%;
    padding-top:20%;
    background-color:white;
    padding-bottom:20%;
}
.sheet-middle{
    padding-top:9.5%;
}

.sheet-centered{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sheet-narrow{
     width: 75%;
}
.sheet-narrower{
     width: 30%;
}
.sheet-wide{
     width: 100%;
}

.sheet-toppad{
   padding-top:10px; 
}

.sheet-bottompad{
   padding-bottom:10px; 
}

.sheet-leftpad{
   padding-left:20px; 
}

.sheet-rightpad{
   padding-right:20px; 
}
.sheet-blacktext{
    color:black;
    font-size:200%;
}

.sheet-whitetext{
    color:white;
    font-size:200%;
}

.sheet-small{
    
    font-size:140%;
}
.sheet-topaligned{
    padding-top:0px;
    vertical-align: top;
}

.sheet-topwhitebar{
    background-color:white;
    width:100%;
}

.sheet-inline{
    display: inline-block;
    width:100%;
}

.sheet-yatzoidlogo{
    width:80%;
}

.sheet-diceSize{
    width:10%;
}