@font-face {font-family: 'ZrnicRg-Regular';src: url('webfonts/38AC60_0_0.eot');src: url('webfonts/38AC60_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/38AC60_0_0.woff2') format('woff2'),url('webfonts/38AC60_0_0.woff') format('woff'),url('webfonts/38AC60_0_0.ttf') format('truetype');}

canvas {
	height: 100%;
	width: 100%;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
      -ms-animation: fadein 2s; /* Internet Explorer */
       -o-animation: fadein 2s; /* Opera < 12.1 */
          animation: fadein 2s;}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

html, body {
	height: 100%;
	width: 100%;
  font-family: TimesNewRoman, Times New Roman, Times, serif;
  font-size: 100px;
  letter-spacing: -7px;
  font-style: italic;
  margin: 0px;
  overflow: hidden;
  color: white;
	background-color: black
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  /* background-image: -webkit-radial-gradient(farthest-corner at 20% 20%, purple, black); */
  /* background-image: radial-gradient(ellipse at bottom, #440088 0%, black 150%); */
  /* Firefox 3.6 - 15 */
  /*
  background-image: -moz-linear-gradient(#1A8FCF,#D1236A,#1A8FCF);
  /* Opera 11.1 - 12 */
  /*background-image: -o-linear-gradient(#1A8FCF,#D1236A,#1A8FCF); */
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  /*background-image: linear-gradient(#1A8FCF,#D1236A,#1A8FCF); */

}

.top-title {
  font-size: 12vw;
  position: fixed;
  top: 45%;
  left: 3%;
}

.hoverable:hover {
	text-shadow: 1px 1px 20px cyan;
}
.bottom-title {
  font-size: 12vw;
  position: fixed;
  top: 56%;
  left: 3%;
}

.episode {
  font-size: 6vw;
  font-style: normal;
  position: fixed;
  top: 70%;
	left: 3%;
}

.subtitle {
  font-size: 7vw;
  font-weight: lighter;
  position: fixed;
  top: 80%;
	left: 8%;
}

.text-foreground {
	display: none
  /* animation: fadein 3s;} */
}