@font-face {
  font-family: 'MyRiadPro Bold';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-BOLD-5395bc15.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-BOLDCOND-26bebf84.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Bold Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-BOLDCONDIT-06a8f269.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Bold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-BOLDIT-032e7982.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-COND-8abfc1e7.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Condensed Italic';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro'), url("/assets/MYRIADPRO-CONDIT-552bc934.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Light';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro Light'), url("/assets/MyriadPro-Light-b57d3081.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Regular';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro Bold'), url("/assets/MYRIADPRO-REGULAR-cef87f81.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Semibold';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro Bold'), url("/assets/MYRIADPRO-SEMIBOLD-367b310b.woff") format('woff');
}

@font-face {
  font-family: 'MyRiadPro Semibold Italic';
  font-style: normal;
  font-weight: normal;
  src: local('MyRiadPro Bold'), url("/assets/MYRIADPRO-SEMIBOLDIT-a3e31c2b.woff") format('woff');
}

body {
  font-family: 'MyRiadPro Condensed', sans-serif;

  /*
   * Metallic background found at: https: //cssdeck.com/labs/css-metallic-background
   */

  background: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%), -webkit-radial-gradient(center, circle, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
  background: -moz-radial-gradient(center, circle, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%), -webkit-radial-gradient(center, circle, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
  background: -ms-radial-gradient(center, circle, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%), -webkit-radial-gradient(center, circle, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
  background: -o-radial-gradient(center, circle, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%), -webkit-radial-gradient(center, circle, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
  background: radial-gradient(center, circle, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 21%), -webkit-radial-gradient(center, circle, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 21%), -webkit-radial-gradient(center, circle farthest-corner, #f0f0f0, #c0c0c0);
  background-size: 10px 10px, 10px 10px, 100% 100%;
  background-position: 1px 1px, 0 0, center center;
}

em {
  font-family: 'MyRiadPro Condensed Italic', sans-serif;
  font-style: italic;
}

strong {
  font-family: 'MyRiadPro Bold Condensed', sans-serif;
}

strong em {
  font-family: 'MyRiadPro Bold Condensed Italic', sans-serif;
  font-style: italic;
}

svg {
  font-family: 'MyRiadPro Condensed', sans-serif;
}

svg>.block_title {
  font-size: 50px;
}

svg>.title {
  font-size: 30px;
}

svg>.combat_header {
  font-size: 20px;
}

svg>.combat_text {
  font-size: 18px;
}

svg>.header {
  font-size: 24px;
}

svg>.data {
  font-size: 20px;
}

.pointer {
  cursor: pointer;
}

.character {
  position: relative;
}

.unit_logo {
  z-index: -100;
  position: absolute;
  opacity: 20%;
  top: 50px;
  right: 50px;
}