html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: none;
  background-color: rgb(224, 255, 236);
}

* {
  position: absolute;
}

.blower {
  font-size: 40px;
}

svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 400px;
  width: 800px;
}

.wind-container {
  animation: toRight 4s;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#Pant1 {
  animation: 1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant2 {
  animation: 1.05s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant3 {
  animation: 995ms infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant4 {
  animation: 1.1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant5 {
  animation: 1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant6 {
  animation: 1.05s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant7 {
  animation: 995ms infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant8 {
  animation: 1.1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant9 {
  animation: 1.1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

#Plant10 {
  animation: 1.1s infinite;
  transform-origin: bottom;
  transition: all 500ms ease-in-out;
}

@keyframes windToRight {
  0% {
  }
  50% {
    transform: skewX(-10deg);
  }
  100% {
  }
}

@keyframes windToLeft {
  0% {
  }
  50% {
    transform: skewX(10deg);
  }
  100% {
  }
}

@keyframes windToLeftDown {
  0% {
  }
  50% {
    transform: skewX(10deg) scaleY(0.9);
  }
  100% {
  }
}

@keyframes windToRightDown {
  0% {
  }
  50% {
    transform: skewX(-10deg) scaleY(0.9);
  }
  100% {
  }
}

@keyframes windToLeftUp {
  0% {
  }
  50% {
    transform: skewX(10deg) scaleY(0.9);
  }
  100% {
  }
}

@keyframes windToRightUp {
  0% {
  }
  50% {
    transform: skewX(-10deg) scaleY(0.9);
  }
  100% {
  }
}