@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

quix-npc {
  position: relative;
  display: flex;
  height: 30px;
  overflow: hidden; }

@keyframes quix-note-npc {
  from {
    left: 100%; }
  to {
    left: -35px; } }
  quix-npc .quix-npc-container {
    animation: quix-note-npc 70s linear infinite;
    position: absolute;
    top: 1px;
    left: 100%; }
    quix-npc .quix-npc-container img {
      width: 35px; }
    quix-npc .quix-npc-container .quix-npc-phrase {
      position: absolute;
      top: 0;
      left: 30px;
      font-family: 'Bangers';
      font-size: 9px;
      white-space: nowrap; }