.h1 {https://slushiust.neocities.org/justalilflour.css
  font-size: 100px;
}
.bgshift {
	background-color: rgba(79, 183, 176, 0.5);
	animation: bgfade 10s linear infinite;
}
.stars {
	background-image: url('IMG/GIF/spreadd.gif');
	background-size: 100px;
	animation: pan 10s linear infinite, bgfade 10s linear 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('box.png');
	background-size: 1000px;
	animation: pan 100s linear infinite, bgfad2e 10s linear infinite;
}
.padded {
	padding: 100000px;
	border-radius: 25px;
}
.title {
    border-radius: 25px;
    background-color: rgba(79, 183, 176, 0.5);
    border-color: #000000;
    padding: 1000px;
    width: 40%;
    text-align: center;
}
.dot {
  border-width: 20px;
  border-style: dotted;
}
body {
  background-image: url("spreadd.gif");
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: blue;
}

@keyframes bgfade{
	0%{
		background-color: #000000}
	50%{
		background-color: #ffffff}
}
@keyframes bgfade2{
	0%{
		background-color: rgba(79, 183, 176, 0.5);}
	50%{
		background-color: rgba(0, 0, 0, 0);}
}
@keyframes pan{
	 from {
    background-position: 0% 0%;
  }
  to {
    background-position: 1200px 400px;
  }
}

body {
    font-family: "Comic Sans MS", Helvetica, sans-serif;
    color: purple;
    animation: rainbow 20s linear infinite, scale 5s ease infinite, pan 1s ease infinite;
    background-size: 20px;
    text-align: right;
  }
  }
  p{
  	animation: pp 2s linear infinite, shadow 0.5s linear infinite;
  }
  @keyframes rainbow {
  10% {
    color: #ff0000}
  20% {
    color: #ff8c00}
  30% {
    color: #eeff00}
  40% {
    color: #ff8c00}
  50% {
    color: #824e00}
  60% {
    color: #00b7ff}
  70% {
    color: #7b00ff}
  80% {
    color: #ff00d9}
  90% {
    color: #00ffbf}
  91% {
    color: #f1f1f1}
  98%{
  	color: #000000}
  100% {
    color: #ff0000}
  }
  @keyframes scale {
  	0%{
  		background-size: 1px;
    }
    25%{
    	background-size: 500px;
    }
  	50%{
  		background-size: 1px;
    }
    75%{
    	background-size: 500px;
    }
    100%{
    	background-size: 1px;
    }
  }
  @keyframes pan {
  	0%{
  		background-position: top 0px left 0px;
    }
    25%{
    	background-position: top 400px left 400px;
    }
  	50%{
  		background-position: top 0px left 0px;
    }
    75%{
    	background-position: top 400px left 400px;
    }
    100%{
    	background-position: top 0px left 0px;
    }
  }
  @keyframes squiggle {
  	0%{
  		letter-spacing: -50px;
      font-size: 70px;
    }
  	50%{
  		letter-spacing: 30px;
      font-size:20px;
    }
    100%{
    	letter-spacing: -50px;
      font-size: 110px;
    }
  }
  @keyframes shadow {
  	0%{
  		text-shadow: 15px -15px;
    }
  	25%{
  		text-shadow: -15px -15px;
    }
    50%{
  		text-shadow: -15px 15px;
    }
    75%{
  		text-shadow: 15px 15px;
    }
    100%{
  		text-shadow: 15px -15px;
    }
     @keyframes pp {
  	0%{
  		text-shadow: 15px -15px;
    }
  	25%{
  		text-shadow: -15px -15px;
    }
    50%{
  		text-shadow: -15px 15px;
    }
    75%{
  		text-shadow: 15px 15px;
    }
    100%{
  		text-shadow: 15px -15px;
    }
  }
  .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=");
}