@font-face {
    src: url(fonts/JF-Dot-K12.ttf);
    font-family: Jpixl;
}
@font-face {
    src: url(fonts/JF-Dot-MPlusH10.ttf);
    font-family: Jpixl2;
}
@font-face {
    src: url(fonts/JF-Dot-Ayu20.ttf);
    font-family: thinJpixl;
}
@font-face {
    src: url(fonts/fs-a-pixel-away.otf/fs-a-pixel-away.ttf);
    font-family: goofy;
}
@font-face {
    src: url(fonts/nintendo_ds_bios/Nintendo-DS-BIOS.ttf);
    font-family: ds;
}





#crt{
  left: 0px;
  top: 0px;
  height: 2000px;
  width: 4000px;
  display: block;
  position: fixed;
  background-image: url(images/crt.png);
  background-repeat: repeat;
  opacity: 15%;
}
body{
    background-color: rgb(40, 40, 40);
    overflow: hidden;
}
@keyframes m {
	0% {
    top: 7px;
  }
  	20% {
    top: 9px;
  }
  	30% {
    top: 13px;
  }
	50% {
    top: 15px;
  }
    70% {
    top: 13px;
  }
    80% {
    top: 9px;
  }
  	100% {
    top: 7px;
  }
}

#div{
  display: block;
  position: fixed;
  height: 500px;
  width: 750px;
  padding: 10px;
  height: 2000px;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
#b1{
    padding: 10px;
    height: 2000px;
    top: -300px;
    width: 750px;
    outline: 2px solid rgb(157, 43, 52);
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    position: fixed;
}
#b2{
    padding: 10px;
    text-align: center;
    height: 2000px;
    top: -300px;
    width: 750px;
    left: 50%;
    transform: translate(-50%, 0);
    display: block;
    position: fixed;
    background-image: url(images/ui_star1.png);
    background-size: 100%;
    overflow: hidden;
}
@keyframes box1 {
  0% {
  left: 100px;
  top: 227px;
    height: auto;
    width: 366px;
  }

  50%{
  left: 98px;
  top: 225px;
    height: auto;
    width: 370px;
  }
  100%{
  left: 100px;
  top: 227px;
    height: auto;
    width: 366px;
  }
}
#uibox1{
  display: block;
  position: fixed;

  animation: box1 2.5s linear infinite;
}
@keyframes b12 {
  0% {
    background-position-x: 0px;
  }

  100%{
    background-position-x: -296px;
  }
}
.kenma1{
  position: fixed;
  left: 475px;
  top: 7px;

}
#kenma1b1{
  position: fixed;
  left: 541px;
  top: 145px;
  width: 90px;
  height: 142px;
  background-image: url(images/kenma1_2.1s.png);
  background-repeat: repeat;
  overflow: hidden;
  animation: b12 20s linear infinite;
}
.kenma1m{
  position: fixed;
  left: 475px;
  animation: m 4s linear infinite;

}
#kenma1b2{
  position: fixed;
  left: 541px;
  top: 145px;
  width: 90px;
  height: 142px;
  background-image: url(images/kenma1_2s.png);
  background-repeat: repeat;
  overflow: hidden;
  animation: b12 20s linear infinite;
}
#wiptxt{
  font-family: 'Jpixl';
  color: rgb(157, 43, 52);
  left: 55px;
  top: 126px;
  position: fixed;
}
#p{
  font-family: 'Jpixl';
  color: rgb(157, 43, 52);
  left: 120px;
  top: 226px;
  font-size: large;
  position: fixed;
}