/* font */

html, body {
  font-family: 'Times New Roman', Times, serif;
}

.rokkitt {
  font-family: 'Rokkitt', 'Times New Roman', Times, serif;
}

.nested-links a {
  color: white;
}
figure.img-poster img {
  max-width: 600px;
}


/* animation for homepage */
.fx-text {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: screen;
  transition: transform 1s;
}

.fx-text-r {
  animation: shift-right 5s infinite;
  filter: brightness(0) invert(27%) sepia(46%) saturate(3117%) hue-rotate(351deg) brightness(109%) contrast(107%);
}
.fx-text-g {
  filter: brightness(0) invert(62%) sepia(98%) saturate(541%) hue-rotate(36deg) brightness(108%) contrast(113%);
}
.fx-text-b {
  animation: shift-left 5s infinite;
  filter: brightness(0) invert(14%) sepia(99%) saturate(5425%) hue-rotate(245deg) brightness(94%) contrast(112%);
}

@keyframes shift-left {
  0% {transform: translateX(0px);}
  50% {transform: translateX(-0.3%);}
  100% {transform: translateX(0px);}
}

@keyframes shift-right {
  0% {transform: translateX(0px);}
  50% {transform: translateX(0.3%);}
  100% {transform: translateX(0px);}
}