body{
	background-image:url("giphy.gif");
	background-size:100%;
	background-repeat: repeat-y;
	background-attachment: fixed;
	height:100%;
	width:100%;
}

#title{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bolder;
	font-size: x-large;
	text-shadow: 8px 8px black;

	
	
  	animation: slidein 30s infinite;
}

@keyframes slidein {
  0% {
   color:rgb(0, 0,255);
   transform: rotate(30deg);
    
  }

  33% {
   color:rgb(255, 78,150);
   font-style:normal;
   postion: 100%;
  }

  66% {
  	color:rgb(255, 150,0);
  	transform: rotate(30deg);
  }
  100%{
  	color:rgb(0, 150,255);
  }
}


#inputarea{
	text-align: center;
	color:red;
}

#submitbutton{
text-align: center;
}

.tempo{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: italic;
	color:blue;
}