body{
   
      background: antiquewhite;      
      max-width:110vw;
    }
.help-text{
  padding-top:40vh;
  width: 80vw;
  font-size:4rem;
  ul{
    list-style-type: none;
    li{
      margin-bottom:5rem;
    }
  }

}

.header
      h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 5rem;
            text-align:center; 
            
            color:limegreen;
            animation: blur 10s ease-out infinite;
            -webkit-animation: blur 6s ease-out infinite;
            position:sticky;
            position:absolute;
            }
      

     
.header2
      h2 {
            font-family: 'Poppins', sans-serif;
            color:limegreen;
            font-size: 4rem;
            text-align:center; 
            margin-left: 5rem;
            margin-top:15rem;
            animation: blur 10s ease-out infinite;
            -webkit-animation: blur 6s ease-out infinite;
            position:sticky;
            position:absolute;
            }

     }
.wrap{
      max-width :500px;
      max-width: 100%;
      position:relative;
      background: powderblue;
    }
.rec {
      display:flex;
      width:200%;
      height:250px;
      margin-top: 40rem;
      margin-left: -20rem;
      background-color: grey;
      position:absolute;
      z-index: 1;
    }
.dotline {
      border-top: 10px dashed white;
      width:800vw;
      height:2px;
      margin-top: 47rem;
      margin-left: -2000px;
      position:absolute;
      animation:dotline 2s infinite linear;
      z-index: 2;
    }

@keyframes dotline {
 from {
    transform:translateX(2000px)
  }
  to {
    transform:translateX(-350PX)
  }
}
.cbody {
      background: url(cbody.svg) top center no-repeat;
      max-width:80vw;
      position:absolute;
      height: 700px;
      width: 700px;
      margin-top: 33rem;
      margin-left: 4rem;
      z-index: 3;
      position:sticky;
      position:absolute;
      }

      @keyframes rotate {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
   }
.carwheell {
        height: 120px;
        width: 120px;
        top:40.8rem;
        left:10.5rem;
        background: url(carwheel.svg)top center no-repeat;
        pointer-events:none;
        animation:rotate 2s infinite linear;
        z-index: 3;
        position:sticky;
        position:absolute;
      }

    @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .carwheelr {
        height: 120px;
        width: 120px;
        top:40.8rem;
        left:38rem;
        position:absolute;
        background: url(carwheel.svg)top center no-repeat;
        pointer-events:none;
        animation:rotate 2s infinite linear;
        z-index: 3;
      }
.tree {
        display:flex;
        background-color: limegreen;
        height: 250px;
        width: 160px;
        margin-left: 40;
        top:25rem;
        box-shadow: 8vw 0 0 0.01 1vw, blue;
        position:absolute;
        z-index: 0;
        clip-path: polygon(81% 8%, 60% 0%, 40% 0%, 20% 7%, 10% 25%, 16% 42%, 30% 54%, 45% 60%, 46% 100%, 54% 100%, 55% 58%, 71% 55%, 85% 42%, 89% 26%);
        box-shadow: 8vw 0 0 0.01 1vw, blue;
        animation: tree 10s infinite linear;
  }
@keyframes tree {
 from {
    transform:translateX(3000px)
  }
  to {
    transform:translateX(-3500PX)
  }
}