:root {
    --black: #000000;
    --darkgray: #212529;
    --white: #ffffff;
    --offwhite: #ffffffb3;
    --red: #ed1c24;
    --darkblack: #ffffff0f;
    --green: #28A745;
    --brown: #502314;
}

/* repeated Classes */
.row {flex-direction: row;}
.rowr {flex-direction: row-reverse;}
.column {flex-direction: column;}
.columnr {flex-direction: column-reverse;}
.spaceb {justify-content: space-between;}
.spacea {justify-content: space-around;}
.flex {display: flex}
.brown {color: var(--brown);}
.brownb {background-color: var(--brown);}
.white {color: var(--white);}
.whiteb {background-color: var(--white);}
.offwhite {color: var(--offwhite);}
.offwhiteb {background-color: var(--offwhite);}
.darkgray {color: var(--darkgray);}
.darkgrayb {background-color: var(--darkgray);}
.darkblack {color: var(--darkblack);}
.darkblackb {background-color: var(--darkblack);}
.red {color: var(--red);}
.redb {background-color: var(--red);}
.green {color: var(--green);}
.greenb {background-color: var(--green);}
.black {color: var(--black);}
.blackb {background-color: var(--black);}
.transparent {background-color: transparent;}
.hundered {width: 100%;}
.futurak {font-family: futurak;}
.apercu {font-family: apercu;}
.inter {font-family: Inter;}
.butler {font-family: butler;}
.Poppins {font-family: Poppins;}
.centerj {justify-content: center;}
.centeri {align-items: center;}
.centert {text-align: center;}
.leftt {text-align: left;}
.centerc {align-content: center;}
.noneb {border: none;}
.uppercase {text-transform: uppercase;}