body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 20s ease infinite;
	padding: 0px;
	margin: 0px;
	margin-bottom:60px;
}

/* Style buttons */
.btnHome {
	border-radius:5px;  
	border:solid 1px #f39c12;  
	background:#e67e22;  
	color: white; /* White text */
	padding: 12px 16px; /* Some padding */
	font-size: 16px; /* Set a font size */
	cursor: pointer; /* Mouse pointer on hover */
	position:fixed;
	top:40px;
	left:40px;
}

/* Darker background on mouse-over */
.btnHome:hover {
	background-color: #FD8E2D;
	box-shadow: 0px 0px 10px 2px #FFFFFF;
	animation: pulse 1s infinite;
}

.btnHelp {
	border-radius:5px;  
	border:solid 1px #f39c12;  
	background:#e67e22;  
	color: white; /* White text */
	padding: 12px 16px; /* Some padding */
	font-size: 16px; /* Set a font size */
	cursor: pointer; /* Mouse pointer on hover */
	position:fixed;
	top:40px;
	right:40px;
}

/* Darker background on mouse-over */
.btnHelp:hover {
	background-color: #FD8E2D;
	box-shadow: 0px 0px 10px 2px #FFFFFF;
	animation: pulse 1s infinite;
}

.title{
	position:relative;
	animation:animatebottom 0.4s;
}

@keyframes animatebottom{
	from{bottom:-300px;opacity:0} 
	to{bottom:0;opacity:1}
}

.button {
	position:relative;  
	width: 300px;  
	display:inline-block;  
	color:#ecf0f1;  
	text-decoration:none;
	font-size:20px;
	border-radius:5px;  
	border:solid 1px #f39c12;  
	background:#e67e22;  
	text-align:center;  
	padding:16px 18px 14px;  
	margin: 12px;     
	-webkit-transition: all 0.1s; 
	-moz-transition: all 0.1s; 
	transition: all 0.1s; 	  
	-webkit-box-shadow: 0px 6px 0px #d35400;  
	-moz-box-shadow: 0px 6px 0px #d35400;  
	box-shadow: 0px 6px 0px #d35400;
}

.button:hover {
	background-color: #FD8E2D;
	box-shadow: 0px 0px 10px 2px #FFFFFF;
	animation: pulse 1s infinite;
	cursor: pointer;
}

.button:active{    
	-webkit-box-shadow: 0px 2px 0px #d35400;    
	-moz-box-shadow: 0px 2px 0px #d35400;    
	box-shadow: 0px 2px 0px #d35400;    
	position:relative;    
	top:4px;
}

h1{
	color: darkblue;
	font-family: monospace;
	text-align: center;
}
pre{
	text-align:center;
	font-size: 1vw;
}

.container{
	width:100%;
	text-align:center;
	position:relative;
	animation:animatebottom 0.4s;
}
footer{ 
	position:fixed; 
	bottom:0; 
	width:100%; 
	height:60px;
}
#gradient
{
  width: 100%;
  height: 800px;
  padding: 0px;
  margin: 0px;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 2px 0 rgba(255, 255, 255, 1);
	}
	
	70% {
		box-shadow: 0 0 2px 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
	}
}

a:visited{
	color:white;
}
a{
	color:white;
}