@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
 background-image:url("https://media.giphy.com/media/ASrlUVyh6IZSo/giphy.gif");

 font-family: "Open Sans",  Impact;
}

.area {
  text-align: center;
  font-size: 6.5em;
  color: #fff;
  letter-spacing: -7px;
  font-weight: 700;
  text-transform: uppercase;
  animation: blur .75s ease-out infinite;
  text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

@keyframes blur {
  from {
    text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;
  }
}
a {
   
  background-size: 0% 25px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  transition: all 0.9s ease-in-out;
  background-image: linear-gradient(to right, #f7ff00 0%, tomato 100%);
  color:SpringGreen;
}

a:hover {
  background-position: 0% 50%;
  background-size: 100% 25px;
  -webkit-background-size: 100% 25px;
}


.section {
 
  max-width: 400px;
  margin: 400px auto;
  
}
a {
  
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}