html {
  background: url(bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1 {
    padding-top: 10%;
    font-size:800%;
    text-align: center;
    color: white;
    text-shadow: 6px 6px 0px rgba(0, 0, 0, 1);
    font-family:arial, "lucida console", sans-serif;
}

a:link, a:visited {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: white;
    font-size: 400%;
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
    font-family:arial, "lucida console", sans-serif;
    border: 8px solid white;
    padding: 4px 20px;
    margin: 5px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


a:hover, a:active {
    background-color:rgba(255, 255, 255, 0.5);;
}