html { 
    margin: auto; 
} 

body { 
	background-image: url('background.png');
	background-repeat: none;
	background-size: 100%;
	
} 

h1 {
    height: 100%; 
	color: #51a9e8;
	font-family: monospace;
	text-shadow: 2px  2px black;
	-webkit-text-stroke: 1px black;
	text-align: center;
	font-size: 60px;   
}

ul {
	text-align: center 
	color: #51a9e8;
	font-family: monospace;
	text-shadow: 2px  2px black;
	-webkit-text-stroke: 1px black;
	text-align: center;
	font-size: 60px;  
}

button {
  background: #ededed;
  border: 4px solid #ccc;
  padding: 10px 30px;
  border-radius: 3px;
  cursor: pointer;
  margin: 10px;
  box-shadow: 5px 10px #888888;
}

button:active {
  background: #e5e5e5;
  -webkit-box-shadow: inset 0px 0px 5px #c1c1c1;
     -moz-box-shadow: inset 0px 0px 5px #c1c1c1;
          box-shadow: inset 0px 0px 5px #c1c1c1;
		    background-color: #3e8e41;
  box-shadow: 0 5px #566;
  transform: translateY(10px);
   outline: none;
}