@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Monoton&family=Oswald:wght@200..700&display=swap');


body {
    background-color: black;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.brownBox {
    background-color: brown;
    padding: 13px;
}

.alCenter {
    text-align: center;
}

.alLeft {
    text-align: left;
}

.alRight {
    text-align: right;
}

.whiteFont{
    color: white;
}

.yellowFont {
    color: yellow;
}

.redFont {
    color: red;
}

.logo  {
   top: 0;
   left: 0;
   width: 15%;
   position: absolute;
}

.borderWhite{
    border: solid 1px white;
}

.teamLogo{
    height: 6em;
}


.wid100{
    width: 100%;
}

.wid95 {
    width: 95%;
}

.wid90 {
    width: 90%;
}


.marginTopRev220 {
    margin-top: -220px;
}

.marginTopRev60 {
    margin-top: -50px;
}

.marginTopRev30 {
    margin-top: -35px;
}

.boxRed{
    background-color: firebrick;
    padding: 8px;    
}

.fouls{
    padding-left: 10px;
    padding-right : 10px;
    text-align: center;
}

.backRed{
    background-color: red;
}

.backOrange {
    background-color: orange;
    color: black;
}

.nameLineHeight {
    line-height: 2em;
}






/* fonts  */
.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.oswald-200 {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

.oswald-700 {
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.monoton-regular {
    font-family: "Monoton", sans-serif;
    font-weight: 400;
    font-style: normal;
}







/* Font Sizes */ 


.fnt02em {
    font-size: 0.2em;
}

.fnt04em {
    font-size: 0.4em;
}

.fnt06em {
    font-size: 0.6em;
}

.fnt08em {
    font-size: 0.8em;
}

.fnt1em {
    font-size: 1em;
}

.fnt1_2em {
    font-size: 1.2em;
}

.fnt1_4em {
    font-size: 1.4em;
}

.fnt1_6em {
    font-size: 1.6em;
}

.fnt1_8em {
    font-size: 1.8em;
}

.fnt2em {
    font-size: 2em;
}

.fnt2_2em {
    font-size: 2.2em;
}

.fnt2_4em {
    font-size: 2.4em;
}

.fnt2_6em {
    font-size: 2.6em;
}

.fnt2_8em {
    font-size: 2.8em;
}

.fnt3em {
    font-size: 3em;
}

.fnt4em {
    font-size: 4em;
}

.fnt5em {
    font-size: 5em;
}

.fnt6em {
    font-size: 6em;
}

.fnt7em {
    font-size: 7em;
}

.fnt8em {
    font-size: 8em;
}

.fnt8_2em {
    font-size: 8.2em;
}

.fnt8_4em {
    font-size: 8.4em;
}

.fnt8_6em {
    font-size: 8.6em;
}


.fnt9em {
    font-size: 9em;
}

.fnt10em {
    font-size: 10em;
}