body{
	background-image: url("lamp.jpg");
	background-size: 75px 75px;
	cursor:url("redstone.png"), default;
}
h1{
	color: crimson;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 300%;
	-webkit-animation:colorchange 10s infinite alternate;
}

@-webkit-keyframes colorchange {
  0% {

    color: red;
  }

  10% {

    color: orange;
  }

  20% {

    color: yellow;
  }

  30% {

    color: green;
  }

  40% {

    color: cyan;
  }

  50% {

    color: darkblue;
  }

  60% {

    color: indigo;
  }

  70% {

    color: purple;
  }
  80% {

    color: magenta;
  }

  90% {

    color: pink;
  }

  100% {

    color: salmon;
  }

}
h2{
	color: magenta;
	text-align: center;
	font-family: "papyrus";
	font-size: 200%;
}
.todd{
	color: lime;
	text-align: center;
	font-family: "Verdana";
	font-size:150%;
	padding: 40px;
	display: block;
	clear: left;
}
.world{
	display: block;
	margin: auto;	
}
.calvin_peeing{
	box-sizing: border-box;
	text-align:center;
}
.Peeing{
	width:256px;
	height:256px;
	padding: 5px;
	display: inline-block;
}
header{
	background-image: url("dirt.png");
}

header::after {
	content: '';
	display: table;
	clear: both;
}
nav{
	color: teal;
}
nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 20px;
	float: right;
}
nav li{
	display: inline-block;
	margin-left: 50px;
	position: relative;
}
nav a {
	text-transform: uppercase;
	text-decoration: none;
	color: black;
}
.music_controls ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 20px;
}
.music_controls li{
	display: block;
	display: inline-block;
	margin-left: 5px;
	margin-top:20px;
	position: relative;
}
.creeper_fire {
	box-sizing: border-box;
	text-align: center;
	padding-bottom: 25px;
}
.creeper{
	width:256px;
	height:256px;
	padding: 0px;
	display: inline-block;
}
.fire {
	width:256px;
	height:256px;
	display: inline-block;	
}
.fire2{
	width:256px;
	height:256px;
	display: inline-block;
}
h3{
	text-align:center;
	font-family: "Comic Sans MS";
	transform: rotate(15deg);
	padding: 25px;
    animation: mymove 10s infinite;
	font-size: 200%;
	font-weight: 150px;
	-webkit-animation:mymove 1s infinite;
	color: red;
}
@keyframes mymove {
    50% {word-spacing: 12px;}
}
.top{
	background-image: url("stone.png");
	background-size: 100px 100px;
}
.bottom{
	background-image: url("diamond.jpg");
	background-size: 100px 100px;
}
.email{
	margin-left: 34%;
	font-family: "Tahoma";
	font-size: 200%;
	font-weight: 150px;
	padding: 5px;
	display: inline-block;
	position: relative;
}
.loompa{
	box-sizing: border-box;
	text-align: center;
}
.me{
	box-sizing: border-box;	
	display: inline-block;
	width: 512px;
	height: 512px;
	padding: 23px;
	-webkit-animation: spin 5s infinite;
	animation: spin 5s infinite;
	padding-bottom: 50px;
}

@-webkit-keyframes spin { 
	100% { -webkit-transform: rotateY(360deg); } 
}
@keyframes spin { 
	100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } 
}
h4{
	font-family: "Tahoma";
	font-size: 300%;
	padding: 25px;
	text-align:center;
	color: red;
}
.top5{
	font-family: "Comic Sans MS";
	font-size:200%;
	list-style-position: inside;
	padding: 5px;
	text-align:center;
	margin: 0px;
}
.dab{
	float: right;
	width: 20%;
	height: 20%;
}
.dabl{
	float: left;
	width: 20%;
	height: 20%;
}

.master{
	box-sizing: border-box;
	padding-top: 100px;
	display: block;
	margin: 0 auto;
}
.trainer{
	text-align:center;
	font-size: 150%;
	font-family: "papyrus";
}
.mailtime{
	display: block;
	text-align: center;
	padding: 50px;
}
.mail{
	width: 200px;
	height: auto;
}
h5{
	text-align: center;
	font-family: "verdana";
	color: navy;
	font-size: 250%;
}
.vidr{
	margin-left: 23%;
}
.vidl{
	margin-left: 3px;
}
.why_i_like_them{
	text-align: center;
	font-family: "sans serif";
	color: DarkOrange;
	padding: 25px;
	font-size: 150%;
}