body{
 background-color: #000000;
 color: #FFFFFF;
 font-size: 14pt;
 height: 1080px;
 text-align: center;
 width: 1920px;
}
button{
 background-color: #0077FF;
 border-color: goldenrod;
 border: thick;
 border-style: groove;
 color: #FFD700;
 font-size: 24pt;
 font-weight: bolder;
 text-decoration: none;
}
h1{
 align-content: center;
 background-color: #0077FF;
 color: #FFD700;
 width: 1200px;
}
h3{
 align-content: center;
 width: 800px;
}
.title{
 color: yellow;
 font-weight: bolder;
 font-size: 24pt;
}
.dk{
 background-color: #4F4F4F;
 color: #C41E3A;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.dh{
 background-color: #4f4f4f;
 color: #A330C9;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.druid{
 background-color: #4f4f4f;
 color: #FF7D0A;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.evoker{
 background-color: #4f4f4f;
 color: #33937F;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.hunter{
 background-color: #4F4F4F;
 color: #A9D271;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.mage{
 background-color: #4f4f4f;
 color: #69ccf0;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.monk{
 background-color: #4F4F4F;
 color: #00ff96;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.pally{
 background-color: #4F4F4F;
 color: #F58CBA;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.priest{
 background-color: #4F4F4F;
 color: #FFFFFF;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.rogue{
 background-color: #4F4F4F;
 color: #FFF569;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.shaman{
 background-color: #4F4F4F;
 color: #0070de;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.warlock{
 background-color: #4f4f4F;
 color: #9482c9;
 font-size: 18pt;
 font-weight: bolder;
 text-decoration: none;
}
.warrior{
 background-color: #4f4f4f;
 color: #C79c6e;
 font-weight: bolder;
 text-decoration: none;
}