html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;
}

body {
  background-color: #9b9b9b;
background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);

    background-size: 1000% 1000%;
    animation: gradient 15s ease infinite;
    font-family: 'Nunito', sans-serif;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.container {

}

p {
  text-decoration: none;
}


p a{
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: 20px;



}
h1 {
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: none;
  font-size: 50px;
}


h1 a{
  text-decoration: none;
  color: #FFF;
  font-family: 'Nunito', sans-serif;
  font-weight: lighter;
  font-size: none;



}

.cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width .3s
}
.cool-link:hover::after{
  width: 100%;
  transition: width .3s
}