/* Cool infinite background scrolling animation.
 * Twitter: @kootoopas
 */
/* Background data */
/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 64px 64px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 64px 64px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 64px 64px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 64px 64px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 64px 64px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 64px 64px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 64px 64px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 64px 64px;
  }
}
/* Main styles */
body {
  /* img size is 64x64 */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAMUExURRAJISAAQ14AzykpKTzzjHkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD2SURBVEjHhdbbFYQgDARQ7MCDFdjB9l/dbkAkj5lZvjlXSTJoS6vfTa7j7qfc0K/j1sCnSaJftkkDTREGKGICgpgAJxZAiQUwYgOE2AAmPAAJDyAiAoCIQCUyUIgMZKICiahAJBAQCAR4AgOOwMAmGPASDFgEBx6CA5NQwCAUMAgJ/Ij25z7oOsz2CH0f2BsqYhxREfOInHhqxIlVI0a8RWbELjImXJcw4buEiNBmRMQ2VyLNSSXynGSiDFom6qBFAkxqJNCkegKOuifwqG+CZGUTLCuLoGFbBA/bJERaJ6HSaoSMuxE67v3U94V93CVgvwcBaO0Lm2gWt/Htz2EAAAAASUVORK5CYII=") repeat 0 0;
  -webkit-animation: bg-scrolling 0.92s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling 0.92s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling 0.92s infinite;
  /* Opera 12+ */
  animation: bg-scrolling 0.92s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

@font-face {
    font-family: 'Web437 IBM Model30r0';
    src: url('fnt/Web437_IBM_Model30r0.woff2') format('woff2'),
        url('fnt/Web437_IBM_Model30r0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
  cursor: url(img/koishicursor/f1.png), auto;
  -webkit-animation: cursor 600ms infinite;
  animation: cursor 600ms infinite;
}

@-webkit-keyframes cursor {
  0% {cursor: url(img/koishicursor/f1.png), auto;}
  14.2857143% {cursor: url(img/koishicursor/f2.png), auto;}
  28.5714286% {cursor: url(img/koishicursor/f3.png), auto;}
  42.8571429% {cursor: url(img/koishicursor/f4.png), auto;}
  57.1428572% {cursor: url(img/koishicursor/f5.png), auto;}
  71.4285715% {cursor: url(img/koishicursor/f6.png), auto;}
  85.7142858% {cursor: url(img/koishicursor/f7.png), auto;}
  100% {cursor: url(img/koishicursor/f8.png), auto;}
} 

@keyframes cursor {
  0% {cursor: url(img/koishicursor/f1.png), auto;}
  14.2857143% {cursor: url(img/koishicursor/f2.png), auto;}
  28.5714286% {cursor: url(img/koishicursor/f3.png), auto;}
  42.8571429% {cursor: url(img/koishicursor/f4.png), auto;}
  57.1428572% {cursor: url(img/koishicursor/f5.png), auto;}
  71.4285715% {cursor: url(img/koishicursor/f6.png), auto;}
  85.7142858% {cursor: url(img/koishicursor/f7.png), auto;}
  100% {cursor: url(img/koishicursor/f8.png), auto;}
}

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
  background-color: black;
  color: white;
  font-family: Web437 IBM Model30r0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

ul {
    text-align: center;
    list-style-position: inside;
}