body{
  background-image: url("https://media.giphy.com/media/94P1LEMyuVEeA/giphy.gif");
  margin: 0%;
  padding: 10px;
  padding-left: 100px;
  width: 40%;
  height: 500px;

}

/*background audio */
.hidden{
  display: hidden;
}

/*fade In and Out text */
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 0%;
  }
}

/*text*/
.drowning{
  font-size: 3rem;
  position: absolute;
  top: 23rem;
  left: 45%;
  opacity: 0;
  color: red;
  animation-name: fadeInOut;
  animation-delay: 3s;
  animation-duration: 6s;
}

#backgroundCanvas{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -2;
}