body {
    background: #e2c02d;
  }
  .plane {
    display: block;
    width: 126px;
    height: 43px;
    margin: 100px auto;
    -webkit-animation: flight 10s linear infinite;
            animation: flight 10s linear infinite;
  }
  .hello-text {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #C29924;
    margin-top: 20px;
}

  .plane svg {
    -webkit-animation: plane-stutter 5s infinite;
            animation: plane-stutter 5s infinite;
  }
  .smoke1 {
    -webkit-animation: smoke 1s infinite;
            animation: smoke 1s infinite;
  }
  .smoke2 {
    -webkit-animation: smoke 1s infinite;
            animation: smoke 1s infinite;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .smoke3 {
    -webkit-animation: smoke 1s infinite;
            animation: smoke 1s infinite;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .smoke4 {
    -webkit-animation: smoke 1s infinite;
            animation: smoke 1s infinite;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
  }
  .path {
    -webkit-animation: draw 0.2s linear infinite;
            animation: draw 0.2s linear infinite;
  }
  @-webkit-keyframes draw {
    50% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes draw {
    50% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes plane-stutter {
    0% {
      transform: translateY(100%);
    }
    25% {
      transform: translateY(20%);
    }
    50% {
      transform: translateY(80%);
    }
    75% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(100%);
    }
  }
  @keyframes plane-stutter {
    0% {
      transform: translateY(100%);
    }
    25% {
      transform: translateY(20%);
    }
    50% {
      transform: translateY(80%);
    }
    75% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(100%);
    }
  }
  @-webkit-keyframes smoke {
    0% {
      transform: translateX(100%);
    }
    70% {
      opacity: 0.8;
    }
    100% {
      transform: translateX(-100%);
      opacity: 0;
    }
  }
  @keyframes smoke {
    0% {
      transform: translateX(100%);
    }
    70% {
      opacity: 0.8;
    }
    100% {
      transform: translateX(-100%);
      opacity: 0;
    }
  }
  @keyframes plane-stutter {
    0% {
      transform: translateY(100%);
    }
    25% {
      transform: translateY(20%);
    }
    50% {
      transform: translateY(80%);
    }
    75% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(100%);
    }
  }
  @-webkit-keyframes flight {
    0% {
      transform: translateX(-300%);
    }
    100% {
      transform: translateX(400%);
    }
  }
  @keyframes flight {
    0% {
      transform: translateX(-300%);
    }
    100% {
      transform: translateX(400%);
    }
  }