.h1 {
  font-size: 100px;
}
.bgshift {
	background-color: rgba(79, 183, 176, 0.5);
	animation: bgfade 1s linear infinite;
}
.stars {
	background-image: url('/IMG/GIF/spreadd.gif');
	background-size: 100px;
	animation: pan2 1s linear infinite, bgfade 10s ease-in-out infinite;
}
.stars2 {
	background-image: url('/IMG/GIF/spreaddd.gif');
	background-size: 100px;
	animation: pan 1s ease-in-out infinite, bgfade 10s ease-in-out infinite;
}
.notes {
	background-image: url('/IMG/GIF/spreadd.gif');
	background-size: 100px;
	animation: pan 2s linear infinite, bgfade 10s linear infinite;
}
.box {
	background-image: url('/IMG/GIF/spreadd.gif');
	background-size: 1000px;
	animation: pan 100s linear infinite, bgfad2e 10s linear infinite;
}
.padded {
	padding: 10px;
	border-radius: px;
}
.title {
    border-radius: 0px;
    background-color: rgba(79, 183, 176, 0.5);
    border-color: #000000;
    padding: 100px;
    width: %;
    text-align: center;
}
.dot {
  border-width: px;
  border-style: dotted;
}
.body {
  background-image: url("spreadd.gif");
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: blue;
}
@keyframes pan{
	 from {
    background-position: 0% 0%;
  }
  to {
    background-position: 1200px 400px;
  }
}
@keyframes pan2{
	 from {
    background-position: 100px 1200px;
  }
  to {
    background-position: 1200px 0px;
  }
}


  .pkmn {
  color: black;
  background: white;
  padding: 4px;
  image-rendering: pixelated;
  border-image-width: 14px;
  border-image-outset: 7px;
  border-image-slice: 36%;
  border-image-repeat: round round;
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVAgMAAAA/TvYGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAAAAAAAA////+Pj4EZhu1AAAAAR0Uk5TAP///7MtQIgAAABaSURBVHicY2T9zcDA+ptRUkeA4Yg6YyhrAMPq34xZ+nsYRdQYpbw/MLguY2TtLmBInc3IZnWAQfI5o+RzBgY2KxIodkuwPqgpkj4fGFyWo1ukLcBwVI0R4hYAN4IjlkoaqZsAAAAASUVORK5CYII=");
}