#container {

} 
 body, html {
  background: url(bg.jpg) no-repeat center center fixed; 
  background-size: cover;
  text-align: center;
  color: white;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-family: 'Shadows Into Light', cursive;

}

#hd {
	font-size: 3em;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p {
	font-size: 1.5em;
}
.button {
  background-color: white;
  border: 2px black;
  color: #333;
  padding: 15px 35px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 25%;
  transition: 0.2s;
}

.button:hover {
	background-color: #333;
	color: white;
	border: 5px white;
}
.input {
	 background-color: white;
	  border: 2px black;
	  color: #333;
	  padding: 15px 35px;
	  text-align: center;
	  text-decoration: none;
	  font-size: 16px;
	  margin: 4px 2px;
	  cursor: pointer;
	  width: 25%;
	}