*{
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px
}
body{
  background-color: #333333;
}
main{
  width: 90%;
  margin: auto;
}

nav{
  background-color: #232323;
  padding-bottom: 0.5%;
  padding-top: 0.5%
}
nav img{
  width: 60px;
  height: 60px;
  border-radius: 25px;
}
nav div{
  justify-content: center;

}
nav div a{
  text-align: center;
  width: 100px;
  padding-top: 4%;
  transition: color 0.5s;
  transition: background-color 0.5s;
}
nav div a.clear{
  padding-top: 0%;
}
nav div a, a:hover, a:focus, a:active {
     text-decoration: none;
     font-size: 22px;
}
nav div a:hover{
  color: blue;
  background-color: #ffff99;
  border-radius: 10%;
}
a, p, h1, h2, h3, h4{
  font-family: 'Oswald', sans-serif;
  color: #c3c3c3;
}
a, p{
  font-size: 22px;
}
hr{
  margin-top: 5px;
  margin-bottom: 5px;
  border: 2px solid #999999;
  border-radius: 15px;
}
.with30{
  width: 40%;
  margin: auto;
}
.flex_container{
  display: flex;
  flex-wrap: nowrap;
}
.progression{
  justify-content: space-between;
}
.text{
  font-family: 'Oswald', sans-serif;
  color: #c3c3c3;
  font-size: 22px;
}
/*
Death Knight:C41E3A
Demon Hunter:A330C9
Druid:FF7C0A
Hunter:AAD372
Mage:3FC7EB
Monk:00FF98
Paladin:F48CBA
Priest:FFFFFF
Rogue:FFF468
Shaman:0070DD
Warlock:8788EE
Warrior:C69B6D
*/