:root {
    --wow-HUNTER     : #AAD372;
    --wow-DRUID      : #FF7C0A;
    --wow-MAGE       : #3FC7EB;
    --wow-PALADIN    : #F48CBA;
    --wow-PRIEST     : #FFFFFF;
    --wow-ROGUE      : #FFF468;
    --wow-SHAMAN     : #0070DD;
    --wow-WARLOCK    : #8788EE;
    --wow-WARRIOR    : #C69B6D;
    --wow-DEATHKNIGHT: #C41E3A;
}


a.HUNTER        {   color: var(--wow-HUNTER            );}
a.DRUID         {   color: var(--wow-DRUID             );}
a.MAGE          {   color: var(--wow-MAGE              );}
a.PALADIN       {   color: var(--wow-PALADIN           );}
a.PRIEST        {   color: var(--wow-PRIEST            );}
a.ROGUE         {   color: var(--wow-ROGUE             );}
a.SHAMAN        {   color: var(--wow-SHAMAN            );}
a.WARLOCK       {   color: var(--wow-WARLOCK           );}
a.WARRIOR       {   color: var(--wow-WARRIOR           );}
a.DEATHKNIGHT   {   color: var(--wow-DEATHKNIGHT       );}

input,
select{
    background-color:#444;
}
option.HUNTER {        color: var(--wow-HUNTER );}
option.DRUID {         color: var(--wow-DRUID );}
option.MAGE {          color: var(--wow-MAGE );}
option.PALADIN {       color: var(--wow-PALADIN );}
option.PRIEST {        color: var(--wow-PRIEST );}
option.ROGUE {         color: var(--wow-ROGUE );}
option.SHAMAN {        color: var(--wow-SHAMAN );}
option.WARLOCK {       color: var(--wow-WARLOCK );}
option.WARRIOR {       color: var(--wow-WARRIOR );}
option.DEATHKNIGHT {   color: var(--wow-DEATHKNIGHT );}


html {
    font-size: 14px;
    background-color: #000;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
        background-color: #000;
    }
}

html {
    position: relative;
    min-height: 100%;
    background-color: #000;
}

body {
    margin-bottom: 60px;
    background-color: #000;
    color: #fff;
}