@font-face {
  font-family: 'Radiance';
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance.eot');
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance.eot?#iefix') format('embedded-opentype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance.woff') format('woff'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance.ttf') format('truetype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance.svg#ywftsvg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Radiance-Bold';
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-bold.eot');
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-bold.eot?#iefix') format('embedded-opentype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-bold.woff') format('woff'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-bold.ttf') format('truetype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-bold.svg#ywftsvg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Radiance-SemiBold';
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-semibold.eot');
  src: url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-semibold.eot?#iefix') format('embedded-opentype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-semibold.woff') format('woff'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-semibold.ttf') format('truetype'),
  url('https://steamcdn-a.akamaihd.net/apps/dota2/fonts/radiance-semibold.svg#ywftsvg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Radiance';
  color: white;
  font-size: 15px;
  margin: 0;
  background-image: url('http://cdn.dota2.com/apps/dota2/images/700/gameplay/bg_repeater.jpg');
  background-repeat: repeat-y;
  background-size: cover;
  background-position: top center;
}

.inner figure h1 { /*ability and item name text */
  font-size: 1.2em;
  opacity: 1;
  vertical-align: text-top;
}
.inner figure h2 { /*description text abilies and the like */
  font-size: 1.1em;
  opacity: 1;
  color: #999;
  vertical-align: text-top;
  
}

.inner figure h3 { /*for heroes */
  font-size: 250%;
  opacity: 1;
  margin-left: 25px;
  vertical-align: middle;
  text-align: center;
  
}

.inner figure li {
  font-size: 1.1em;
  line-height: 30px;
  color: #999;
}

.inner figure ul {
  list-style-position: outside;
  padding-left: 0px;
}

.inner figure {
  margin: 10px 25%;
  background: rgba(0, 0, 0, 0.5);
  padding: 35px 40px;
}

.overhead {
  margin: 0 25%;
  display: inline-block;


}
.overhead h1 {
  background: linear-gradient(to right, rgba(255,102,0,0.56) 0%,rgba(255,102,0,0.56) 1%,rgba(237,59,28,0.56) 100%);
  padding: 5px 5px;
  letter-spacing: 2px;
  text-shadow: 2px 2px 2px black;
}

.patch_name {
  margin: 0px 25%;
  vertical-align: middle;
}
.patch_name h1 {
  background: linear-gradient(to right, rgba(255,50,0,0.56) 0%,rgba(255,50,0,0.56) 1%,rgba(237,0,28,0.56) 100%);
  padding: 10x 10px;
  letter-spacing: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 400%;
  text-shadow: 10px 10px 10px black;
}

.newitemcolor {
  color: orange;
}

.content_box_for_image{
  position: relative;
  width: 70rem;
  padding: 0%;
  margin-bottom: 0;
  display: flex;
}
.content_box_actual_image_item{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 64px;
  width: 86px;
  width: auto;
  vertical-align: top;
}
.content_box_actual_image_item_small{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 43px;
  width: 64px;
  width: auto;
  vertical-align: top;
}
.content_box_actual_image_ability{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 64px;
  width: 64px;
  width: auto;
  vertical-align: top;
}
.content_box_actual_image_ability_small{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 48px;
  width: 48px;
  width: auto;
  vertical-align: top;
}
.content_box_actual_image_hero{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 272px;
  width: 234px;
  width: auto;
  vertical-align: top
}
.content_box_actual_image_hero_header{
  margin-bottom: 0px;
  margin-right: 10px;
  padding: 0px;
  height: 74px;
  width: 136px;
  width: auto;
  vertical-align: top
}