/* Defaults */

body {
  background-color: #222243;
  color: #7733aa;
  font-family: Consolas;
  transition: color .4s;
}

body:hover {
  color: DarkViolet;
}

iframe {
  background-color: #222243;
  color: #261279;
  transition: background-color .4s;
  transition: color .4s;
}

iframe:hover {
  background-color: #232344;
  color: #4733fb;
}

div {
  opacity: 0.98;
  background-color: #111133;
  transition: opacity .3s;
  transition: background-color .2s;
}

div:hover {
  opacity: 1;
  background-color: #121234;
}

span {
  opacity: 0.96;
  color: #d7e3fa;
  transition: opacity .15s;
}

span:hover {
  opacity: 1;
}

small {
  opacity: 0.96;
  color: #d7e3fa;
  transition: opacity .4s;
}

small:hover {
  opacity: 1;
}

a {
  opacity: 0.75;
  color: #c7d3fa;
  transition: opacity .1s;
}

a:hover {
  opacity: 1;
}

img {
  transition: opacity .2s;
  image-rendering: pixelated; /* Standard */
  image-rendering: -moz-crisp-edges; /* Firefox */
  -ms-interpolation-mode: nearest-neighbor; /* IE */
}

img:hover {
  opacity: 0.85;
}

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

.spinner {
  animation: spin 2s linear infinite;
}

.back_spinner {
  animation: spin 2s linear infinite reverse;
}

.sloth {
  animation: spin 160s linear infinite;
}

.back_sloth {
  animation: spin 160s linear infinite reverse;
}

.ice {
  animation: spin 64s linear infinite reverse;
}

.rocks {
  animation: spin 87s linear infinite;
}

.wrigglies {
  animation: spin 126s linear infinite reverse;
}

.back_ice {
  animation: spin 64s linear infinite;
}

.back_rocks {
  animation: spin 87s linear infinite reverse;
}

.back_wrigglies {
  animation: spin 126s linear infinite;
}