@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular_enoki-VF.ttf') format('truetype');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
 }

@font-face {
  font-family: 'Burgess';
  src: url('fonts/burgess-regular-pro.otf') format('otf');
  font-weight:  400;
  font-style:   normal;
  
 }

@font-face {
  font-family: 'Burgess';
  src: url('fonts/burgess-italic-pro.otf') format('otf');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
 }

 



a:link,
a:visited {
  color:#000;
  text-decoration:underline;
}

a:hover {
  color:#2E2E2E;
}
/*

img {
  width:100%;
}*/

body {
  background: black;
  font-family:'Roboto';
  font-size:26px;
  line-height: 1.2em;
  background:#000;
   

}


h1, h2, h3, h4, h5 {
  animation: breathe 5000ms infinite both;
}

@keyframes breathe {
  0% {
    font-variation-settings: 'bloo' 0;
   
  }
  60% {
    font-variation-settings: 'bloo' 0;
    
  }
  
  80% {
    font-variation-settings: 'bloo' 200;
   
  }  

  100% {
    font-variation-settings: 'bloo' 0;
   
  }
}

p {
  margin-bottom:1em;
}

.region {
    padding: 0;
    outline: 0;
}

main {
  display: block;
  max-width: 1200px;
  margin: auto;
  background: #FDD811;
  padding: 2em;
}



.character-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  color: red;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
  line-height: 1.2em;
}



h5 {
  font-size: 40vw;
  text-align: center;
  margin: 0;
  line-height: 1em;
}

.field--name-field-editorial {
  font-family: Burgess;
}