html,body {   
  background:  no-repeat center center fixed; 
  background-size: cover;
  background-color: #000000;
  padding: 0;
  margin: 0;
  width:100%;
  height:100%;
}

.blur-background {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: url("HenrysHelpersFinal_2.gif");
  background-size: cover;
  transition: filter .3s;
}

.button {
  position: relative;
  z-index: 2;
  top: 250px;
  left: 0px;
  color: #FF0004;
  font-family: 'Roboto Mono', monospace;
  letter-spacing: 2px;
  font-size: 20px;
  border: 0px solid;
  padding: 10px 0px;
  margin: 10px;
  display: inline;
  cursor: pointer;
  background-color: transparent;
	
}

.buttoncontainer {
  display: flex; 
  justify-content: center;
}

.button:hover + .blur-background {
  filter: blur(6px);
text-decoration: none;
}

.button:link {
	text-decoration: none;
}

a {
  background-color: transparent;
  color: #fff;
  font-family: 'Roboto Mono', monospace;
  letter-spacing: 2px;
  font-size: 20px;
  border: 1px solid;
  padding: 10px 20px 10px 20px;
  margin: 0px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

a:hover {
  background-color: transparent;
}

a:active {
  background-color: transparent;
}

a:visited {
  background-color: transparent;
}

.copycontainer {
  display: flex; 
  justify-content: center;
}

.name {
  position:fixed;
  z-index: 2;
  top: 100px;
  color: #fff;
  font-family: 'Abel', sans-serif;
  letter-spacing: 2px;
  font-size: 60px;
}

.tagline {
  position: fixed;
  z-index: 2;
  top: 178px;
  color: #fff;
  font-family: 'Abel', sans-serif;
  letter-spacing: 2px;
  font-size: 25px;
}