@font-face {                  
  font-family: '0xProto';
  src: url(https://humantooth.neocities.org/fonts/0xProto-Regular.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: black;
  color: white;
  font-family: '0xProto';
}

body {
  background-color: black;
  background-image: url('/zzzzzz.png');
  background-repeat: repeat;
  background-size: 100px;
  animation: scrollbg 5s linear infinite;
}

@keyframes scrollbg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 300px 0px;
  }
}

@keyframes vibrate {
  0% { transform: translate(-2px, 0px); }
  25% { transform: translate(2px, -0.15px); }
  50% { transform: translate(-2px, 2px); }
  75% { transform: translate(4px, 2px); }
  100% { transform: translate(1.5px, -0.5px); }
}

.vibrate {
  animation: vibrate 0.08s linear infinite;
}

/*h1 {*/
/*  text-align: center;*/
/*}*/
/*img {*/
/*  display: block;*/
/*  margin: 0 auto;*/
/*}*/

/*img {*/
/*  display: block;*/
/*  margin: 0 auto;*/
/*  width: 150px;*/
/*  height: 150px;*/
/*}*/
/*a {*/
/*  text-align: center;*/
/*}*/
/*p {*/
/*  text-align: center;*/
/*}*/