html {
  height: 100%;
  margin: 0;
  padding: 0px 50px 0px !important;
}

.bgrnd {
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  position: relative;
  animation: wave 20s infinite linear;
  background: hsla(58, 100%, 68%, 1);
  background: linear-gradient(360deg, hsla(58, 100%, 68%, 1) 0%, hsla(197, 100%, 63%, 1) 78%, hsla(30, 10%, 4%, 1) 100%);
  background: -moz-linear-gradient(360deg, hsla(58, 100%, 68%, 1) 0%, hsla(197, 100%, 63%, 1) 78%, hsla(30, 10%, 4%, 1) 100%);
  background: -webkit-linear-gradient(270deg, hsla(58, 100%, 68%, 1) 0%, hsla(197, 100%, 63%, 1) 78%, hsla(30, 10%, 4%, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#FFF95B", endColorstr="#40C9FF", GradientType=1);
}

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