html, body {
	width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
}

body {
	background: linear-gradient(219deg, #ff4349, #94c5f8);
	background-size: 400% 400%;
	-webkit-animation: Gradient 11s ease infinite;
	-moz-animation: Gradient 11s ease infinite;
	animation: Gradient 11s ease infinite;
	  justify-content: center;
  align-items: center;
   margin: 0 auto;
  padding: 20px;

  justify-content: center;
  align-items: center;
  overflow: auto;
  font-family: Arial, Helvetica, sans-serif;
}
	
 h1 {
	 font-weight: normal;
	 letter-spacing: 4px;
	 font-size: 2.9em;

	 
	 }
	 

	 a {
		 text-decoration: none;
		 color: white;
		 }
		 
		 a:hover {
			 color: #5b1e6f;}
    @-webkit-keyframes Gradient {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@-moz-keyframes Gradient {
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
	@keyframes Gradient { 
		0%{background-position:0% 50%}
		50%{background-position:100% 50%}
		100%{background-position:0% 50%}
	}
main {
background: transparent;
  height: auto;
  width: 90%;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: 100px;
}
  

#cf {
  color: white;
	margin: 0 auto;
	 width: 100%;
	  height: 100%;
}

#cf img { 
display: block;
	max-width: 600px;
}
	
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px ;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
	letter-spacing: 2px;
}