@font-face {
  font-family: 'DOS';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/DOS/ModernDOS9x16.ttf"); }

@font-face {
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Righteous/Righteous-Regular.ttf"); }

@keyframes scanning {
  from {
    -webkit-transform: scaleY(40px);
    -webkit-transform: translateY(-100%);
    opacity: 20%; }
  to {
    opacity: 0;
    -webkit-transform: scaleY(1px);
    -webkit-transform: translateY(0%); } }

@keyframes blink {
  from, to {
    visibility: hidden; }
  50% {
    visibility: visible; } }

@keyframes skew {
  0% {
    transform: skewX(0.5deg) skewY(0.1deg); }
  50% {
    transform: skewX(-0.5deg) skewY(-0.05deg); }
  100% {
    transform: skewX(0.5deg) skewY(0.1deg); } }

@font-face {
  font-family: 'Silkscreen';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/Silkscreen/Silkscreen-Regular.ttf");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }
  body main {
    flex: 1 0 auto; }
  body footer {
    flex-shrink: 0; }

.back-button {
  background-color: #171717;
  border: 2px solid #432874;
  padding: 2px; }

footer {
  position: relative;
  display: block;
  bottom: 0;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #131313; }
  footer .extra {
    text-align: center;
    font-family: "Silkscreen";
    color: white; }
    footer .extra details summary {
      cursor: pointer;
      text-decoration: underline; }
      footer .extra details summary:hover {
        color: gray; }
    footer .extra details table {
      width: 80%;
      margin: 0 10%; }
      footer .extra details table tbody tr {
        border: 2px solid #432874;
        margin-bottom: 2px;
        border-radius: 10px;
        display: flex;
        flex-direction: row; }
        footer .extra details table tbody tr td {
          flex: 1; }
      footer .extra details table tbody a {
        color: white; }
  footer .buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    footer .buttons .left {
      padding-left: 10px;
      border-right: 28px solid transparent;
      border-bottom: 30px solid #432874; }
    footer .buttons .middle {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      footer .buttons .middle .license, footer .buttons .middle .lang-button, footer .buttons .middle abbr {
        width: 100%;
        text-align: center; }
      footer .buttons .middle .lang-button {
        padding-top: 10px;
        padding-bottom: 10px; }
        footer .buttons .middle .lang-button a {
          background-color: white;
          padding: 5px;
          border-radius: 2px;
          text-decoration: none;
          font-family: "Silkscreen";
          color: #6f42c1; }

@keyframes bright-increase {
  from {
    box-shadow: 0 0 0 #6f42c1; }
  to {
    box-shadow: 0 0 20px #6f42c1; } }

@keyframes bright-decrease {
  from {
    box-shadow: 0 0 20px #6f42c1; }
  to {
    box-shadow: 0 0 0 #6f42c1; } }
          footer .buttons .middle .lang-button a:hover {
            animation: bright-increase 0.5s forwards; }
          footer .buttons .middle .lang-button a:not(:hover) {
            animation: bright-decrease 0.5s forwards; }
    footer .buttons .right {
      justify-content: end;
      padding-right: 10px;
      border-left: 28px solid transparent;
      border-bottom: 30px solid #432874; }
    footer .buttons .left, footer .buttons .middle, footer .buttons .right {
      align-items: end;
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      height: 100%; }

@keyframes bright-increase {
  from {
    box-shadow: 0 0 0 #6f42c1; }
  to {
    box-shadow: 0 0 20px #6f42c1; } }

@keyframes bright-decrease {
  from {
    box-shadow: 0 0 20px #6f42c1; }
  to {
    box-shadow: 0 0 0 #6f42c1; } }
      footer .buttons .left img:hover, footer .buttons .middle img:hover, footer .buttons .right img:hover {
        animation: bright-increase 0.5s forwards; }
      footer .buttons .left img:not(:hover), footer .buttons .middle img:not(:hover), footer .buttons .right img:not(:hover) {
        animation: bright-decrease 0.5s forwards; }
      footer .buttons .left a, footer .buttons .left img, footer .buttons .middle a, footer .buttons .middle img, footer .buttons .right a, footer .buttons .right img {
        max-width: 100%;
        height: auto; }
        @media screen and (max-width : 768px) {
          footer .buttons .left a, footer .buttons .left img, footer .buttons .middle a, footer .buttons .middle img, footer .buttons .right a, footer .buttons .right img {
            height: auto; } }
    footer .buttons .left *, footer .buttons .right * {
      position: relative;
      bottom: -10px; }

/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: Package
  v1.6.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.jaba, .flickhard, .shake-chunk, .shake-crazy, .shake-opacity, .shake-rotate, .shake-vertical, .shake-horizontal, .shake-hard, .shake-slow, .shake-little, .shake {
  display: inherit;
  transform-origin: center center; }

.bs--freeze,
.bs--constant.bs--constant--hover:hover,
.shake-trigger:hover .bs--constant.bs--constant--hover {
  animation-play-state: paused; }

.jaba:hover, .shake-trigger:hover .jaba, .flickhard:hover, .shake-trigger:hover .flickhard, .shake-chunk:hover, .shake-trigger:hover .shake-chunk, .shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-little:hover, .shake-trigger:hover .shake-little, .shake:hover, .shake-trigger:hover .shake, .bs--freeze:hover,
.shake-trigger:hover .bs--freeze {
  animation-play-state: running; }

@keyframes shake {
  2% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
  4% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  6% {
    transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  8% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  10% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  12% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg); }
  14% {
    transform: translate(2.5px, 1.5px) rotate(0.5deg); }
  16% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
  18% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
  20% {
    transform: translate(0.5px, 0.5px) rotate(1.5deg); }
  22% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  24% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  26% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  28% {
    transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
  30% {
    transform: translate(0.5px, 2.5px) rotate(-0.5deg); }
  32% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg); }
  34% {
    transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  36% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  38% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
  40% {
    transform: translate(2.5px, 1.5px) rotate(-0.5deg); }
  42% {
    transform: translate(1.5px, -1.5px) rotate(1.5deg); }
  44% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  46% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  48% {
    transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
  50% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  52% {
    transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
  54% {
    transform: translate(1.5px, 2.5px) rotate(0.5deg); }
  56% {
    transform: translate(2.5px, -0.5px) rotate(-0.5deg); }
  58% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  60% {
    transform: translate(0.5px, 0.5px) rotate(1.5deg); }
  62% {
    transform: translate(0.5px, 0.5px) rotate(1.5deg); }
  64% {
    transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  66% {
    transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  68% {
    transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  70% {
    transform: translate(0.5px, 2.5px) rotate(-0.5deg); }
  72% {
    transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  74% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  76% {
    transform: translate(-1.5px, 2.5px) rotate(1.5deg); }
  78% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  80% {
    transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  82% {
    transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
  84% {
    transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
  86% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  88% {
    transform: translate(1.5px, -0.5px) rotate(1.5deg); }
  90% {
    transform: translate(0.5px, 1.5px) rotate(1.5deg); }
  92% {
    transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
  94% {
    transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
  96% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg); }
  98% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake:hover, .shake-trigger:hover .shake, .shake.bs--freeze, .shake.bs--constant {
  animation-name: shake;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-little {
  2% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  14% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  20% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  22% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  24% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  30% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  32% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  36% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  38% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  42% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  46% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  48% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  50% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  62% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  66% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  68% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  76% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  80% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  82% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  90% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  92% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  96% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  98% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-little:hover, .shake-trigger:hover .shake-little, .shake-little.bs--freeze, .shake-little.bs--constant {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-slow {
  2% {
    transform: translate(-4px, 5px) rotate(2.5deg); }
  4% {
    transform: translate(6px, -7px) rotate(3.5deg); }
  6% {
    transform: translate(-7px, 1px) rotate(1.5deg); }
  8% {
    transform: translate(-8px, 10px) rotate(2.5deg); }
  10% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  12% {
    transform: translate(7px, -9px) rotate(1.5deg); }
  14% {
    transform: translate(-3px, 10px) rotate(2.5deg); }
  16% {
    transform: translate(9px, 0px) rotate(-2.5deg); }
  18% {
    transform: translate(-2px, -7px) rotate(0.5deg); }
  20% {
    transform: translate(3px, 7px) rotate(-0.5deg); }
  22% {
    transform: translate(9px, 1px) rotate(0.5deg); }
  24% {
    transform: translate(6px, 1px) rotate(-0.5deg); }
  26% {
    transform: translate(-7px, -7px) rotate(-1.5deg); }
  28% {
    transform: translate(-1px, 6px) rotate(0.5deg); }
  30% {
    transform: translate(-1px, -7px) rotate(-0.5deg); }
  32% {
    transform: translate(-9px, -5px) rotate(-0.5deg); }
  34% {
    transform: translate(-5px, -5px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 5px) rotate(1.5deg); }
  38% {
    transform: translate(9px, -8px) rotate(1.5deg); }
  40% {
    transform: translate(0px, -4px) rotate(2.5deg); }
  42% {
    transform: translate(-8px, -3px) rotate(-0.5deg); }
  44% {
    transform: translate(-7px, -8px) rotate(-2.5deg); }
  46% {
    transform: translate(-2px, 5px) rotate(3.5deg); }
  48% {
    transform: translate(8px, 3px) rotate(2.5deg); }
  50% {
    transform: translate(5px, 8px) rotate(-2.5deg); }
  52% {
    transform: translate(8px, -1px) rotate(0.5deg); }
  54% {
    transform: translate(-5px, 2px) rotate(2.5deg); }
  56% {
    transform: translate(-9px, 4px) rotate(0.5deg); }
  58% {
    transform: translate(1px, -2px) rotate(3.5deg); }
  60% {
    transform: translate(-1px, -8px) rotate(-1.5deg); }
  62% {
    transform: translate(-7px, -5px) rotate(1.5deg); }
  64% {
    transform: translate(-4px, 5px) rotate(-2.5deg); }
  66% {
    transform: translate(-3px, -2px) rotate(-2.5deg); }
  68% {
    transform: translate(-7px, -5px) rotate(2.5deg); }
  70% {
    transform: translate(8px, 3px) rotate(-1.5deg); }
  72% {
    transform: translate(7px, -4px) rotate(2.5deg); }
  74% {
    transform: translate(7px, 2px) rotate(1.5deg); }
  76% {
    transform: translate(-6px, 7px) rotate(3.5deg); }
  78% {
    transform: translate(-1px, 0px) rotate(3.5deg); }
  80% {
    transform: translate(5px, -2px) rotate(3.5deg); }
  82% {
    transform: translate(10px, 8px) rotate(0.5deg); }
  84% {
    transform: translate(-8px, -5px) rotate(-2.5deg); }
  86% {
    transform: translate(6px, -4px) rotate(-2.5deg); }
  88% {
    transform: translate(-2px, 5px) rotate(-1.5deg); }
  90% {
    transform: translate(3px, -2px) rotate(-0.5deg); }
  92% {
    transform: translate(7px, -2px) rotate(0.5deg); }
  94% {
    transform: translate(-5px, 0px) rotate(3.5deg); }
  96% {
    transform: translate(5px, 0px) rotate(1.5deg); }
  98% {
    transform: translate(-2px, -3px) rotate(-1.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-slow.bs--freeze, .shake-slow.bs--constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-hard {
  2% {
    transform: translate(0px, -5px) rotate(-2.5deg); }
  4% {
    transform: translate(5px, -8px) rotate(0.5deg); }
  6% {
    transform: translate(-2px, 2px) rotate(-1.5deg); }
  8% {
    transform: translate(4px, -9px) rotate(-0.5deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-2.5deg); }
  12% {
    transform: translate(-5px, 7px) rotate(-0.5deg); }
  14% {
    transform: translate(9px, 8px) rotate(0.5deg); }
  16% {
    transform: translate(-5px, 2px) rotate(-1.5deg); }
  18% {
    transform: translate(-9px, 4px) rotate(3.5deg); }
  20% {
    transform: translate(-9px, 9px) rotate(2.5deg); }
  22% {
    transform: translate(3px, 5px) rotate(2.5deg); }
  24% {
    transform: translate(9px, -5px) rotate(1.5deg); }
  26% {
    transform: translate(7px, 1px) rotate(-0.5deg); }
  28% {
    transform: translate(-2px, -1px) rotate(3.5deg); }
  30% {
    transform: translate(5px, 5px) rotate(3.5deg); }
  32% {
    transform: translate(-9px, -1px) rotate(-2.5deg); }
  34% {
    transform: translate(9px, 2px) rotate(-0.5deg); }
  36% {
    transform: translate(10px, 9px) rotate(3.5deg); }
  38% {
    transform: translate(-5px, 5px) rotate(1.5deg); }
  40% {
    transform: translate(2px, -7px) rotate(-1.5deg); }
  42% {
    transform: translate(10px, -9px) rotate(3.5deg); }
  44% {
    transform: translate(-5px, -3px) rotate(-1.5deg); }
  46% {
    transform: translate(10px, -9px) rotate(-0.5deg); }
  48% {
    transform: translate(1px, -2px) rotate(2.5deg); }
  50% {
    transform: translate(-9px, 2px) rotate(1.5deg); }
  52% {
    transform: translate(3px, 2px) rotate(-1.5deg); }
  54% {
    transform: translate(-1px, 8px) rotate(-2.5deg); }
  56% {
    transform: translate(-3px, 10px) rotate(1.5deg); }
  58% {
    transform: translate(4px, 7px) rotate(2.5deg); }
  60% {
    transform: translate(-5px, 3px) rotate(3.5deg); }
  62% {
    transform: translate(-4px, 2px) rotate(0.5deg); }
  64% {
    transform: translate(5px, -8px) rotate(1.5deg); }
  66% {
    transform: translate(-3px, -6px) rotate(3.5deg); }
  68% {
    transform: translate(3px, 4px) rotate(-0.5deg); }
  70% {
    transform: translate(-5px, 2px) rotate(0.5deg); }
  72% {
    transform: translate(2px, 7px) rotate(2.5deg); }
  74% {
    transform: translate(-9px, 2px) rotate(2.5deg); }
  76% {
    transform: translate(-6px, 5px) rotate(2.5deg); }
  78% {
    transform: translate(-8px, -2px) rotate(-1.5deg); }
  80% {
    transform: translate(7px, -7px) rotate(3.5deg); }
  82% {
    transform: translate(-5px, -9px) rotate(1.5deg); }
  84% {
    transform: translate(2px, 4px) rotate(-1.5deg); }
  86% {
    transform: translate(-4px, -9px) rotate(-2.5deg); }
  88% {
    transform: translate(6px, 9px) rotate(2.5deg); }
  90% {
    transform: translate(10px, 4px) rotate(3.5deg); }
  92% {
    transform: translate(-7px, 6px) rotate(-2.5deg); }
  94% {
    transform: translate(8px, 3px) rotate(0.5deg); }
  96% {
    transform: translate(1px, -3px) rotate(1.5deg); }
  98% {
    transform: translate(-3px, 4px) rotate(-1.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-hard.bs--freeze, .shake-hard.bs--constant {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-horizontal {
  2% {
    transform: translate(9px, 0) rotate(0); }
  4% {
    transform: translate(5px, 0) rotate(0); }
  6% {
    transform: translate(2px, 0) rotate(0); }
  8% {
    transform: translate(-1px, 0) rotate(0); }
  10% {
    transform: translate(1px, 0) rotate(0); }
  12% {
    transform: translate(0px, 0) rotate(0); }
  14% {
    transform: translate(10px, 0) rotate(0); }
  16% {
    transform: translate(6px, 0) rotate(0); }
  18% {
    transform: translate(-7px, 0) rotate(0); }
  20% {
    transform: translate(-2px, 0) rotate(0); }
  22% {
    transform: translate(-9px, 0) rotate(0); }
  24% {
    transform: translate(-5px, 0) rotate(0); }
  26% {
    transform: translate(1px, 0) rotate(0); }
  28% {
    transform: translate(1px, 0) rotate(0); }
  30% {
    transform: translate(3px, 0) rotate(0); }
  32% {
    transform: translate(4px, 0) rotate(0); }
  34% {
    transform: translate(-1px, 0) rotate(0); }
  36% {
    transform: translate(10px, 0) rotate(0); }
  38% {
    transform: translate(-3px, 0) rotate(0); }
  40% {
    transform: translate(9px, 0) rotate(0); }
  42% {
    transform: translate(6px, 0) rotate(0); }
  44% {
    transform: translate(7px, 0) rotate(0); }
  46% {
    transform: translate(6px, 0) rotate(0); }
  48% {
    transform: translate(4px, 0) rotate(0); }
  50% {
    transform: translate(-7px, 0) rotate(0); }
  52% {
    transform: translate(8px, 0) rotate(0); }
  54% {
    transform: translate(-1px, 0) rotate(0); }
  56% {
    transform: translate(-5px, 0) rotate(0); }
  58% {
    transform: translate(2px, 0) rotate(0); }
  60% {
    transform: translate(-3px, 0) rotate(0); }
  62% {
    transform: translate(-8px, 0) rotate(0); }
  64% {
    transform: translate(9px, 0) rotate(0); }
  66% {
    transform: translate(6px, 0) rotate(0); }
  68% {
    transform: translate(6px, 0) rotate(0); }
  70% {
    transform: translate(-1px, 0) rotate(0); }
  72% {
    transform: translate(-6px, 0) rotate(0); }
  74% {
    transform: translate(-2px, 0) rotate(0); }
  76% {
    transform: translate(-4px, 0) rotate(0); }
  78% {
    transform: translate(-2px, 0) rotate(0); }
  80% {
    transform: translate(-6px, 0) rotate(0); }
  82% {
    transform: translate(-4px, 0) rotate(0); }
  84% {
    transform: translate(9px, 0) rotate(0); }
  86% {
    transform: translate(-8px, 0) rotate(0); }
  88% {
    transform: translate(-6px, 0) rotate(0); }
  90% {
    transform: translate(0px, 0) rotate(0); }
  92% {
    transform: translate(-3px, 0) rotate(0); }
  94% {
    transform: translate(3px, 0) rotate(0); }
  96% {
    transform: translate(1px, 0) rotate(0); }
  98% {
    transform: translate(10px, 0) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-horizontal.bs--freeze, .shake-horizontal.bs--constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-vertical {
  2% {
    transform: translate(0, 6px) rotate(0); }
  4% {
    transform: translate(0, -6px) rotate(0); }
  6% {
    transform: translate(0, 5px) rotate(0); }
  8% {
    transform: translate(0, 3px) rotate(0); }
  10% {
    transform: translate(0, 10px) rotate(0); }
  12% {
    transform: translate(0, 0px) rotate(0); }
  14% {
    transform: translate(0, 3px) rotate(0); }
  16% {
    transform: translate(0, 0px) rotate(0); }
  18% {
    transform: translate(0, -1px) rotate(0); }
  20% {
    transform: translate(0, 5px) rotate(0); }
  22% {
    transform: translate(0, -5px) rotate(0); }
  24% {
    transform: translate(0, -9px) rotate(0); }
  26% {
    transform: translate(0, -4px) rotate(0); }
  28% {
    transform: translate(0, 6px) rotate(0); }
  30% {
    transform: translate(0, -3px) rotate(0); }
  32% {
    transform: translate(0, 6px) rotate(0); }
  34% {
    transform: translate(0, 3px) rotate(0); }
  36% {
    transform: translate(0, -2px) rotate(0); }
  38% {
    transform: translate(0, -3px) rotate(0); }
  40% {
    transform: translate(0, -6px) rotate(0); }
  42% {
    transform: translate(0, -8px) rotate(0); }
  44% {
    transform: translate(0, 1px) rotate(0); }
  46% {
    transform: translate(0, -2px) rotate(0); }
  48% {
    transform: translate(0, 10px) rotate(0); }
  50% {
    transform: translate(0, 7px) rotate(0); }
  52% {
    transform: translate(0, -1px) rotate(0); }
  54% {
    transform: translate(0, 8px) rotate(0); }
  56% {
    transform: translate(0, -3px) rotate(0); }
  58% {
    transform: translate(0, -9px) rotate(0); }
  60% {
    transform: translate(0, 0px) rotate(0); }
  62% {
    transform: translate(0, -8px) rotate(0); }
  64% {
    transform: translate(0, 7px) rotate(0); }
  66% {
    transform: translate(0, -7px) rotate(0); }
  68% {
    transform: translate(0, -2px) rotate(0); }
  70% {
    transform: translate(0, -2px) rotate(0); }
  72% {
    transform: translate(0, 8px) rotate(0); }
  74% {
    transform: translate(0, -9px) rotate(0); }
  76% {
    transform: translate(0, 1px) rotate(0); }
  78% {
    transform: translate(0, 8px) rotate(0); }
  80% {
    transform: translate(0, -4px) rotate(0); }
  82% {
    transform: translate(0, 8px) rotate(0); }
  84% {
    transform: translate(0, 9px) rotate(0); }
  86% {
    transform: translate(0, 6px) rotate(0); }
  88% {
    transform: translate(0, -9px) rotate(0); }
  90% {
    transform: translate(0, -6px) rotate(0); }
  92% {
    transform: translate(0, -4px) rotate(0); }
  94% {
    transform: translate(0, 0px) rotate(0); }
  96% {
    transform: translate(0, 10px) rotate(0); }
  98% {
    transform: translate(0, 8px) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-vertical.bs--freeze, .shake-vertical.bs--constant {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-rotate {
  2% {
    transform: translate(0, 0) rotate(2.5deg); }
  4% {
    transform: translate(0, 0) rotate(-6.5deg); }
  6% {
    transform: translate(0, 0) rotate(6.5deg); }
  8% {
    transform: translate(0, 0) rotate(-0.5deg); }
  10% {
    transform: translate(0, 0) rotate(7.5deg); }
  12% {
    transform: translate(0, 0) rotate(-2.5deg); }
  14% {
    transform: translate(0, 0) rotate(6.5deg); }
  16% {
    transform: translate(0, 0) rotate(0.5deg); }
  18% {
    transform: translate(0, 0) rotate(-4.5deg); }
  20% {
    transform: translate(0, 0) rotate(3.5deg); }
  22% {
    transform: translate(0, 0) rotate(4.5deg); }
  24% {
    transform: translate(0, 0) rotate(4.5deg); }
  26% {
    transform: translate(0, 0) rotate(4.5deg); }
  28% {
    transform: translate(0, 0) rotate(-6.5deg); }
  30% {
    transform: translate(0, 0) rotate(6.5deg); }
  32% {
    transform: translate(0, 0) rotate(-5.5deg); }
  34% {
    transform: translate(0, 0) rotate(1.5deg); }
  36% {
    transform: translate(0, 0) rotate(7.5deg); }
  38% {
    transform: translate(0, 0) rotate(7.5deg); }
  40% {
    transform: translate(0, 0) rotate(-2.5deg); }
  42% {
    transform: translate(0, 0) rotate(1.5deg); }
  44% {
    transform: translate(0, 0) rotate(1.5deg); }
  46% {
    transform: translate(0, 0) rotate(-0.5deg); }
  48% {
    transform: translate(0, 0) rotate(0.5deg); }
  50% {
    transform: translate(0, 0) rotate(1.5deg); }
  52% {
    transform: translate(0, 0) rotate(5.5deg); }
  54% {
    transform: translate(0, 0) rotate(-1.5deg); }
  56% {
    transform: translate(0, 0) rotate(-2.5deg); }
  58% {
    transform: translate(0, 0) rotate(1.5deg); }
  60% {
    transform: translate(0, 0) rotate(5.5deg); }
  62% {
    transform: translate(0, 0) rotate(0.5deg); }
  64% {
    transform: translate(0, 0) rotate(-4.5deg); }
  66% {
    transform: translate(0, 0) rotate(4.5deg); }
  68% {
    transform: translate(0, 0) rotate(3.5deg); }
  70% {
    transform: translate(0, 0) rotate(-0.5deg); }
  72% {
    transform: translate(0, 0) rotate(-0.5deg); }
  74% {
    transform: translate(0, 0) rotate(4.5deg); }
  76% {
    transform: translate(0, 0) rotate(4.5deg); }
  78% {
    transform: translate(0, 0) rotate(3.5deg); }
  80% {
    transform: translate(0, 0) rotate(1.5deg); }
  82% {
    transform: translate(0, 0) rotate(2.5deg); }
  84% {
    transform: translate(0, 0) rotate(-5.5deg); }
  86% {
    transform: translate(0, 0) rotate(4.5deg); }
  88% {
    transform: translate(0, 0) rotate(6.5deg); }
  90% {
    transform: translate(0, 0) rotate(-2.5deg); }
  92% {
    transform: translate(0, 0) rotate(1.5deg); }
  94% {
    transform: translate(0, 0) rotate(-0.5deg); }
  96% {
    transform: translate(0, 0) rotate(-6.5deg); }
  98% {
    transform: translate(0, 0) rotate(-3.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-rotate.bs--freeze, .shake-rotate.bs--constant {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-opacity {
  10% {
    transform: translate(0px, 5px) rotate(-0.5deg);
    opacity: 0.42; }
  20% {
    transform: translate(-2px, 4px) rotate(2.5deg);
    opacity: 0.63; }
  30% {
    transform: translate(1px, 1px) rotate(0.5deg);
    opacity: 0.36; }
  40% {
    transform: translate(-4px, 3px) rotate(-0.5deg);
    opacity: 0.11; }
  50% {
    transform: translate(5px, 2px) rotate(0.5deg);
    opacity: 0.55; }
  60% {
    transform: translate(4px, 4px) rotate(1.5deg);
    opacity: 0.47; }
  70% {
    transform: translate(-4px, 1px) rotate(0.5deg);
    opacity: 0.13; }
  80% {
    transform: translate(1px, -1px) rotate(-0.5deg);
    opacity: 0.03; }
  90% {
    transform: translate(-2px, 4px) rotate(1.5deg);
    opacity: 0.7; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-opacity.bs--freeze, .shake-opacity.bs--constant {
  animation-name: shake-opacity;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-crazy {
  10% {
    transform: translate(-14px, -7px) rotate(-3deg);
    opacity: 0.5; }
  20% {
    transform: translate(3px, -17px) rotate(8deg);
    opacity: 0.22; }
  30% {
    transform: translate(-6px, -8px) rotate(4deg);
    opacity: 0.89; }
  40% {
    transform: translate(14px, 2px) rotate(3deg);
    opacity: 0.76; }
  50% {
    transform: translate(8px, -11px) rotate(0deg);
    opacity: 0.66; }
  60% {
    transform: translate(19px, -5px) rotate(-9deg);
    opacity: 0.06; }
  70% {
    transform: translate(19px, 12px) rotate(8deg);
    opacity: 0.97; }
  80% {
    transform: translate(5px, -19px) rotate(5deg);
    opacity: 0.65; }
  90% {
    transform: translate(10px, -15px) rotate(8deg);
    opacity: 0.33; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-crazy.bs--freeze, .shake-crazy.bs--constant {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-chunk {
  2% {
    transform: translate(-6px, 3px) rotate(-12deg); }
  4% {
    transform: translate(-7px, 13px) rotate(5deg); }
  6% {
    transform: translate(2px, 10px) rotate(3deg); }
  8% {
    transform: translate(-6px, -12px) rotate(6deg); }
  10% {
    transform: translate(-7px, -14px) rotate(9deg); }
  12% {
    transform: translate(4px, 10px) rotate(-12deg); }
  14% {
    transform: translate(-14px, 13px) rotate(-11deg); }
  16% {
    transform: translate(9px, -13px) rotate(-9deg); }
  18% {
    transform: translate(12px, -11px) rotate(4deg); }
  20% {
    transform: translate(-3px, 6px) rotate(-13deg); }
  22% {
    transform: translate(-4px, 1px) rotate(5deg); }
  24% {
    transform: translate(5px, -9px) rotate(-6deg); }
  26% {
    transform: translate(-12px, 3px) rotate(-2deg); }
  28% {
    transform: translate(-10px, -12px) rotate(-4deg); }
  30% {
    transform: translate(12px, 0px) rotate(-7deg); }
  32% {
    transform: translate(-11px, -6px) rotate(7deg); }
  34% {
    transform: translate(0px, -3px) rotate(-3deg); }
  36% {
    transform: translate(-3px, 14px) rotate(15deg); }
  38% {
    transform: translate(0px, -5px) rotate(-8deg); }
  0%, 40%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-chunk:hover, .shake-trigger:hover .shake-chunk, .shake-chunk.bs--freeze, .shake-chunk.bs--constant {
  animation-name: shake-chunk;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes textflicker {
  from {
    text-shadow: 0px 0 0 #ea3636, 0 0 0 #6994fa; }
  to {
    text-shadow: 0.5px 0.5px 1px #ea3636, -0.5px -0.5px 1px #6994fa; } }

html {
  --transparent: color-mix(in srgb,var(--secondary, #012),#0000  var(--bg_transparency, 50%));
  background-image: linear-gradient(var(--transparent), var(--transparent)), var(--background-image, linear-gradient(#000, #000));
  background-repeat: var(--bg_repeat, no-repeat);
  background-size: var(--bg_size, cover); }

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow-y: scroll; }

hr {
  background-color: var(--main);
  color: var(--main); }

@keyframes button_press {
  from {
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.381);
    border-width: 1px 1px 8px 1px;
    background-image: radial-gradient(ellipse at top, white 50%, #9e9e9e); }
  to {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.381);
    border-width: 1px 1px 1px 1px;
    background-image: radial-gradient(ellipse at top, #dadada 50%, #9e9e9e); } }

@keyframes button_release {
  from {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.381);
    border-width: 1px 1px 1px 1px;
    background-image: radial-gradient(ellipse at top, #dadada 50%, #9e9e9e); }
  to {
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.381);
    border-width: 1px 1px 8px 1px;
    background-image: radial-gradient(ellipse at top, white 50%, #9e9e9e); } }

main {
  font-family: "DOS";
  margin: 2.5%;
  border-color: var(--main, #78c8ff);
  border-radius: 50px;
  border-width: 20px;
  box-shadow: 10px 10px 0px 0px var(--secondary, #012);
  border-style: solid;
  display: flex;
  color: var(--main, #78c8ff);
  background-color: var(--secondary, #012); }
  @media screen and (max-width : 768px) {
    main {
      flex-direction: column; } }
  main header {
    padding: 20px; }
    main header h1 {
      margin: 0; }
  main article {
    padding: 20px; }
  main .screen {
    animation: skew 20s infinite, textflicker 0.1s infinite;
    flex: 5;
    box-shadow: inset 1px 0 10px 0px var(--main, #78c8ff); }
  main .buttons {
    font-family: "Righteous";
    animation: none;
    flex: 1;
    height: calc(100% + 4px);
    position: relative;
    right: -2px;
    background-color: var(--main, #78c8ff);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width : 768px) {
      main .buttons {
        height: 100%;
        width: calc(100% + 4px);
        left: -2px;
        flex-direction: row-reverse; } }
    main .buttons .nextprev {
      display: flex;
      flex-direction: column; }
      @media screen and (max-width : 768px) {
        main .buttons .nextprev {
          flex-direction: row-reverse;
          flex: 1.5; } }
    main .buttons .nextprev div {
      width: 100%;
      padding-top: 20px;
      display: inline-flex;
      height: calc(6rem + 8px);
      margin-top: 10px; }
      @media screen and (max-width : 768px) {
        main .buttons .nextprev div {
          padding-top: 0; } }
      main .buttons .nextprev div a {
        animation: button_release 0.1s;
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.381);
        border-width: 1px 1px 8px 1px;
        background-image: radial-gradient(ellipse at top, white 50%, #9e9e9e);
        margin: -2rem auto;
        position: relative;
        top: -2rem;
        align-self: flex-end;
        justify-self: end;
        text-align: center;
        justify-self: center;
        display: block;
        width: 6rem;
        height: 6rem;
        line-height: 5rem;
        font-size: 6rem;
        text-decoration: none;
        color: #2d2d2d;
        border-color: #606060;
        border-style: solid;
        border-radius: 50%; }
        @media screen and (max-width : 768px) {
          main .buttons .nextprev div a {
            width: 4rem;
            height: 4rem;
            font-size: 4rem;
            line-height: 3rem; } }
        main .buttons .nextprev div a:hover, main .buttons .nextprev div a:not(:any-link) {
          animation: button_press 0.1s;
          box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.381);
          border-width: 1px 1px 1px 1px;
          background-image: radial-gradient(ellipse at top, #dadada 50%, #9e9e9e); }
        main .buttons .nextprev div a:not(:any-link) {
          color: #d7d7d7;
          border-color: #4a4949;
          background-image: radial-gradient(ellipse at top, #313131 50%, #161616); }
    main .buttons .brand {
      position: relative;
      top: 10px;
      background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.5) 50%, rgba(158, 158, 158, 0.5));
      font-size: 0.8rem;
      padding: 0.5rem;
      border-radius: 0 20px 20px 0px;
      color: black; }
      main .buttons .brand sup {
        font-size: 1rem; }
      @media screen and (max-width : 768px) {
        main .buttons .brand {
          top: 0px;
          padding: 0.2rem;
          flex: 1;
          font-size: 1;
          border-radius: 0 0 20px 20px; }
          main .buttons .brand h1 {
            font-size: 1rem; } }
article {
  display: flex;
  flex-direction: column; }
  article img, article iframe, article video, article audio {
    display: block;
    margin: 0 auto;
    width: 80%; }
  article iframe, article video {
    width: 100%;
    height: 100%; }
  article p {
    white-space: normal;
    word-break: break-word;
    hyphens: auto; }
  article .separator {
    display: flex;
    flex-direction: row; }
    @media screen and (max-width : 768px) {
      article .separator {
        flex-direction: column-reverse; } }
    article .separator div {
      display: flex;
      flex-direction: column;
      flex: 2; }
    article .separator div:not(:first-child) {
      border-left: 1px solid var(--main, #78c8ff);
      margin-left: 20px;
      padding-left: 20px; }
      @media screen and (max-width : 768px) {
        article .separator div:not(:first-child) {
          border-left: 0px;
          margin-left: 0;
          padding-left: 0; } }
  article a {
    text-decoration: underline;
    color: #6994fa; }

.flickhard {
  animation: skew 0.1s infinite, textflicker 0.01s infinite;
  font-size: 100px;
  text-align: center; }

@keyframes shake-crazy {
  10% {
    transform: translate(17px, 18px) rotate(-5deg);
    opacity: 0.13; }
  20% {
    transform: translate(17px, -6px) rotate(-7deg);
    opacity: 0.33; }
  30% {
    transform: translate(11px, -10px) rotate(2deg);
    opacity: 0.18; }
  40% {
    transform: translate(-19px, -5px) rotate(-9deg);
    opacity: 0.56; }
  50% {
    transform: translate(9px, -15px) rotate(9deg);
    opacity: 0.69; }
  60% {
    transform: translate(19px, 16px) rotate(-5deg);
    opacity: 0.13; }
  70% {
    transform: translate(-16px, -3px) rotate(1deg);
    opacity: 0.83; }
  80% {
    transform: translate(2px, -10px) rotate(9deg);
    opacity: 0.53; }
  90% {
    transform: translate(-19px, 16px) rotate(3deg);
    opacity: 0.52; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
  .flickhard:hover, .shake-trigger:hover .flickhard, .flickhard.bs--freeze, .flickhard.bs--constant {
    animation-name: shake-crazy;
    animation-duration: 100ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }

.jaba {
  position: relative;
  display: block;
  bottom: 0;
  align-self: flex-end;
  flex: 1;
  display: flex;
  align-items: end;
  text-decoration: none;
  font-size: 2rem; }

@keyframes shake-vertical {
  2% {
    transform: translate(0, 2.5px) rotate(0); }
  4% {
    transform: translate(0, 0.5px) rotate(0); }
  6% {
    transform: translate(0, -1.5px) rotate(0); }
  8% {
    transform: translate(0, -0.5px) rotate(0); }
  10% {
    transform: translate(0, -0.5px) rotate(0); }
  12% {
    transform: translate(0, -0.5px) rotate(0); }
  14% {
    transform: translate(0, 2.5px) rotate(0); }
  16% {
    transform: translate(0, -1.5px) rotate(0); }
  18% {
    transform: translate(0, -1.5px) rotate(0); }
  20% {
    transform: translate(0, 0.5px) rotate(0); }
  22% {
    transform: translate(0, 0.5px) rotate(0); }
  24% {
    transform: translate(0, 1.5px) rotate(0); }
  26% {
    transform: translate(0, -0.5px) rotate(0); }
  28% {
    transform: translate(0, 1.5px) rotate(0); }
  30% {
    transform: translate(0, 2.5px) rotate(0); }
  32% {
    transform: translate(0, 1.5px) rotate(0); }
  34% {
    transform: translate(0, 2.5px) rotate(0); }
  36% {
    transform: translate(0, -1.5px) rotate(0); }
  38% {
    transform: translate(0, 0.5px) rotate(0); }
  40% {
    transform: translate(0, 2.5px) rotate(0); }
  42% {
    transform: translate(0, 0.5px) rotate(0); }
  44% {
    transform: translate(0, 1.5px) rotate(0); }
  46% {
    transform: translate(0, 1.5px) rotate(0); }
  48% {
    transform: translate(0, -1.5px) rotate(0); }
  50% {
    transform: translate(0, 2.5px) rotate(0); }
  52% {
    transform: translate(0, -0.5px) rotate(0); }
  54% {
    transform: translate(0, -0.5px) rotate(0); }
  56% {
    transform: translate(0, -1.5px) rotate(0); }
  58% {
    transform: translate(0, 0.5px) rotate(0); }
  60% {
    transform: translate(0, -1.5px) rotate(0); }
  62% {
    transform: translate(0, 1.5px) rotate(0); }
  64% {
    transform: translate(0, 1.5px) rotate(0); }
  66% {
    transform: translate(0, 1.5px) rotate(0); }
  68% {
    transform: translate(0, -0.5px) rotate(0); }
  70% {
    transform: translate(0, 1.5px) rotate(0); }
  72% {
    transform: translate(0, 2.5px) rotate(0); }
  74% {
    transform: translate(0, 1.5px) rotate(0); }
  76% {
    transform: translate(0, -0.5px) rotate(0); }
  78% {
    transform: translate(0, -1.5px) rotate(0); }
  80% {
    transform: translate(0, -0.5px) rotate(0); }
  82% {
    transform: translate(0, -0.5px) rotate(0); }
  84% {
    transform: translate(0, 1.5px) rotate(0); }
  86% {
    transform: translate(0, -0.5px) rotate(0); }
  88% {
    transform: translate(0, -1.5px) rotate(0); }
  90% {
    transform: translate(0, 1.5px) rotate(0); }
  92% {
    transform: translate(0, 2.5px) rotate(0); }
  94% {
    transform: translate(0, 2.5px) rotate(0); }
  96% {
    transform: translate(0, 2.5px) rotate(0); }
  98% {
    transform: translate(0, -1.5px) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }
  .jaba:hover, .shake-trigger:hover .jaba, .jaba.bs--freeze, .jaba.bs--constant {
    animation-name: shake-vertical;
    animation-duration: 9s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }
  .jaba img {
    width: 2.5rem !important;
    float: right; }