body{
  margin-bottom: 25px;
}
.effectContainer{
  position: relative;
  overflow: hidden;
}

#leggingsEffect1{
  position: absolute;
  top: 0;
  width: 100%;
  height:50%;
  z-index: -1;
  -webkit-animation: introColor 2s infinite;
  -ms-animation: introColor 2s infinite;
  -moz-animation: introColor 2s infinite;
  -o-animation: introColor 2s infinite;
  animation: introColor 2s infinite;
}
#leggingsEffect2{
  position: absolute;
  bottom: 0;
  width: 100%;
  height:30%;
  z-index: -1;
  -webkit-animation: introColor 2s infinite;
  -ms-animation: introColor 2s infinite;
  -moz-animation: introColor 2s infinite;
  -o-animation: introColor 2s infinite;
  animation: introColor 2s infinite;
}
#leggingsEffect3{
  position: absolute;
  bottom: 0;
  width: 100%;
  height:40%;
  z-index: -1;
  -webkit-animation: introColor 2s infinite;
  -ms-animation: introColor 2s infinite;
  -moz-animation: introColor 2s infinite;
  -o-animation: introColor 2s infinite;
  animation: introColor 2s infinite;
}
-webkit-@keyframes introColor {
  0%{background-color: rgb(175, 255, 192);}
  33.33%{background-color: rgb(175, 228, 255);}
  66.66%{background-color: rgb(247, 214, 255);}
  100%{background-color: rgb(175, 255, 192);}
}
-ms-@keyframes introColor {
  0%{background-color: rgb(175, 255, 192);}
  33.33%{background-color: rgb(175, 228, 255);}
  66.66%{background-color: rgb(247, 214, 255);}
  100%{background-color: rgb(175, 255, 192);}
}
-moz-@keyframes introColor {
  0%{background-color: rgb(175, 255, 192);}
  33.33%{background-color: rgb(175, 228, 255);}
  66.66%{background-color: rgb(247, 214, 255);}
  100%{background-color: rgb(175, 255, 192);}
}
-o-@keyframes introColor {
  0%{background-color: rgb(175, 255, 192);}
  33.33%{background-color: rgb(175, 228, 255);}
  66.66%{background-color: rgb(247, 214, 255);}
  100%{background-color: rgb(175, 255, 192);}
}
@keyframes introColor {
  0%{background-color: rgb(175, 255, 192);}
  33.33%{background-color: rgb(175, 228, 255);}
  66.66%{background-color: rgb(247, 214, 255);}
  100%{background-color: rgb(175, 255, 192);}
}


#heartRain1{
  position: absolute;
  top: 50%;
  left: 10%;
  width: 25px;
  height: 25px;
  z-index: -1;
  -webkit-animation: upHeart 1.8s infinite linear;
  -ms-animation: upHeart 1.8s infinite linear;
  -moz-animation: upHeart 1.8s infinite linear;
  -o-animation: upHeart 1.8s infinite linear;
  animation: upHeart 1.8s infinite linear;
}
#heartRain2{
  position: absolute;
  top: 50%;
  left: 35%;
  width: 25px;
  height: 25px;
  z-index: -1;
  -webkit-animation: upHeart 1.8s infinite linear;
  -ms-animation: upHeart 1.8s infinite linear;
  -moz-animation: upHeart 1.8s infinite linear;
  -o-animation: upHeart 1.8s infinite linear;
  animation: upHeart 1.8s infinite linear;
}
#heartRain3{
  position: absolute;
  top: 50%;
  left: 58%;
  width: 25px;
  height: 25px;
  z-index: -1;
  -webkit-animation: upHeart 1.8s infinite linear;
  -ms-animation: upHeart 1.8s infinite linear;
  -moz-animation: upHeart 1.8s infinite linear;
  -o-animation: upHeart 1.8s infinite linear;
  animation: upHeart 1.8s infinite linear;
}
#heartRain4{
  position: absolute;
  top: 50%;
  left: 82%;
  width: 25px;
  height: 25px;
  z-index: -1;
  -webkit-animation: upHeart 1.8s infinite linear;
  -ms-animation: upHeart 1.8s infinite linear;
  -moz-animation: upHeart 1.8s infinite linear;
  -o-animation: upHeart 1.8s infinite linear;
  animation: upHeart 1.8s infinite linear;
}
-webkit-@keyframes upHeart {
  0%{top: 50%; opacity: 0;}
  100%{top: -5%; opacity: 1;}
}
-ms-@keyframes upHeart {
  0%{top: 50%; opacity: 0;}
  100%{top: -5%; opacity: 1;}
}
-moz-@keyframes upHeart {
  0%{top: 50%; opacity: 0;}
  100%{top: -5%; opacity: 1;}
}
-o-@keyframes upHeart {
  0%{top: 50%; opacity: 0;}
  100%{top: -5%; opacity: 1;}
}
@keyframes upHeart {
  0%{top: 50%; opacity: 0;}
  100%{top: -5%; opacity: 1;}
}

#woom1{
  width: 50%;
  margin: 0 auto;
  position: absolute;
  bottom: 2.7%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#slide1{
  position: absolute;
  bottom: 22%;
  z-index: -1;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  -webkit-animation: slide 10s linear infinite;
  -ms-animation: slide 10s linear infinite;
  -moz-animation: slide 10s linear infinite;
  -o-animation: slide 10s linear infinite;
  animation: slide 10s linear infinite;
}
-webkit-@keyframes slide {
  0%{left:200%}
  50%{left:-200%;}
  100%{left:200%;}
}
-ms-@keyframes slide {
  0%{left:200%}
  50%{left:-200%;}
  100%{left:200%;}
}
-moz-@keyframes slide {
  0%{left:200%}
  50%{left:-200%;}
  100%{left:200%;}
}
-o-@keyframes slide {
  0%{left:200%}
  50%{left:-200%;}
  100%{left:200%;}
}
@keyframes slide {
  0%{left:200%}
  50%{left:-200%;}
  100%{left:200%;}
}
#slide2{
  position: absolute;
  bottom: 8%;
  z-index: -1;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  -webkit-animation: slide2 10s linear infinite;
  -ms-animation: slide2 10s linear infinite;
  -moz-animation: slide2 10s linear infinite;
  -o-animation: slide2 10s linear infinite;
  animation: slide2 10s linear infinite;
}
-webkit-@keyframes slide2 {
  0%{left:-200%;}
  50%{left:200%;}
  100%{left:-200%;}
}
-ms-@keyframes slide2 {
  0%{left:-200%;}
  50%{left:200%;}
  100%{left:-200%;}
}
-moz-@keyframes slide2 {
  0%{left:-200%;}
  50%{left:200%;}
  100%{left:-200%;}
}
-o-@keyframes slide2 {
  0%{left:-200%;}
  50%{left:200%;}
  100%{left:-200%;}
}
@keyframes slide2 {
  0%{left:-200%;}
  50%{left:200%;}
  100%{left:-200%;}
}