body {background-color:#4b63b9;
}



  .canvas{width: 320px;
  height: 400px;

  background: #bfb099;
  border-radius: 5%;
  position: absolute;
  top: 30px;
  left: 140px;
 }

.pot{
  width: 200px;
  height: 150px;

  background: #d91a32;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 30%;
  border-bottom-right-radius: 30%;
  position: absolute;
  top: 300px;
  left: -50px;
}


.potright{
  width: 50px;
  height: 20px;
  radius:50%;
  background:  #d91a32;
  position: absolute;
  top: 350px;
  left: 130px;

}
.Trapezoid{

      border-bottom: 30px solid #d91a32;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      radius:30%;
      height: 0;
      width: 20px;

      transform: rotate(180deg);
      position: absolute;
      top: 280px;
      left: 30px;

}

.lemon{
  width: 40px;
  height: 40px;

  background: #fdbf2d;
  border-radius: 50%;
  position: absolute;
  top: 400px;
  left: 330px;
}
.lemon1{
  width: 10px;
  height: 10px;

  background: #fdbf2d;
  border-radius: 50%;
  position: absolute;
  top: 430px;
  left: 334px;
}

.orange{
  width: 70px;
  height: 70px;

  background: orange;
  border-radius: 50%;
  position: absolute;
  top: 380px;
  left: 360px;
}
.orangehighlight{
  width: 30px;
  height: 20px;

  background: #fcc280;
  border-radius: 50%;
  position: absolute;
  top: 390px;
  left: 380px;

}

.vase{width: 100px;
height: 230px;

background: #dfcbb7;
border-radius: 10%;
position: absolute;
top: 200px;
left: 400px;
}
.cup{width: 60px;
height: 80px;

background: #fff;
border-radius: 20%;
position: absolute;
top: 360px;
left: 240px;
}

.circle1{width: 30px;
height: 60px;

background: #fff;
border-radius: 50%;
position: absolute;
top: 370px;
left: 220px;
}
.circle2{width: 10px;
height: 30px;

background: #bfb099;
border-radius: 50%;
position: absolute;
top: 383px;
left: 228px;
}