body{ height: 100%;}



.center{position: absolute;
  top:80%;
  left:50%;
    transform: translate(-50%, -50%);
    color: #fff;
font-family: 'Cedarville Cursive', cursive;
  font-size: 70px;

}

ul {
margin: 0;
padding: 0;
display: flex;

}

ul li{ list-style: none;
  filter: blur(1px);
}

.animateWords { 
  animation: animate 2s linear forwards;
}

.garden { height: 100%;
  background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    background-color: #000;}





@keyframes animate { 0% { transform: rotate(0deg) translateY(0px;);
opacity: 1;
  filter: blur(1px);}
100% { transform: rotate(45deg) translateY(-200px);
opacity: 0;
  filter: blur(20px);}

}
ul li:nth-child(1){ animation-delay: 0s;}
ul li:nth-child(2){ animation-delay: 0s;}
ul li:nth-child(3){ animation-delay: 0s;}
ul li:nth-child(4){ animation-delay: 0s;}
ul li:nth-child(5){ animation-delay: 0s;}
ul li:nth-child(6){ animation-delay: .4s;}
ul li:nth-child(7){ animation-delay: .4s;}
ul li:nth-child(8){ animation-delay: .4s;}
ul li:nth-child(9){ animation-delay: .6s;}
ul li:nth-child(10){ animation-delay: .6s;}
ul li:nth-child(11){ animation-delay: .6s;}
ul li:nth-child(12){ animation-delay: .6s;}
ul li:nth-child(13){ animation-delay: .6s;}
ul li:nth-child(14){ animation-delay: .6s;}
ul li:nth-child(15){ animation-delay: .6s;}
ul li:nth-child(16){ animation-delay: .8s;}
ul li:nth-child(17){ animation-delay: .8s;}
ul li:nth-child(18){ animation-delay: .8s;}
ul li:nth-child(19){ animation-delay: .8s;}
ul li:nth-child(20){ animation-delay: .8s;}