@import "compass/css3";

.wave {
  background-image: url(disdisdis.png);
  background-position: 0 0;
  background-size: 1000px 600px;
  background-repeat: repeat-y;
  animation-name: wave;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes wave {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 600px;
  }
}

.respect {
  background-image: url(respect.png);
  background-position: 0 0;
  background-size: 1000px 600px;
  background-repeat: repeat-y;
  animation-name: wave;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes wave {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 600px;
  }
}

.quest {
  animation-name: quest;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes quest {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.mass {
  background-image: url(mass.gif);
  background-size: 1000px 600px;
}

.techno {
  background-image: url(technp.gif);
  background-size: 1000px 600px;
}

.mission {
  background-image: url(mission.gif);
  background-size: 1000px 600px;
}

.onemean {
  background-image: url(glitch_2022-1-22_14-33-7.gif);
  background-size: 1000px 600px;
}

.ccolors {
  animation-name: ccolors;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes ccolors {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}