Still Life CSS

body{
background-color: #5B73D0;
}




.painting {
  width: 300px;
  height: 400px;
  background: #C3B7A4;
  position: absolute;
  left: 40%;
  top: 20%;
}





.orange1{
border-radius: 50%;
width: 100px;
height: 100px;
background-color:   #F7A248;
position: absolute;
left: 53%;
top: 60%
}


.orange2{
  border-radius: 50%;
  width: 70px;
  height: 50px;
  background-color: #FEC100;
  position: absolute;
  left: 50%;
  top: 68%;
  transform: rotate(-15deg);

}


.vase{
width: 100px;
height: 280px;
background-color:#E7CBB5;
position: absolute;
left:60%;
top: 37%;
border-radius: 10%;
}


.pot{
    border-bottom: 80px solid red;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 100px;
    transform: rotate(180deg);
    border-radius: 15%;
    position: absolute;
    left: 34%;
    top: 63%;
}


.mug{
  width: 50px;
  height: 80px;
  background-color:#ECE4F1;
  position: absolute;
  left:45.5%;
  top: 64%;
  border-radius: 20%;
  }



.hair{
      width: 80px;
      height: 80px;
      border-radius: 50%;
      box-shadow: 15px 15px 0 0 #715E54;
      position: absolute;
      left:47.5%;
      top: 30%;
      transform: rotate(225deg);
    }

    .body{
        border-bottom: 200px solid  #596F6D;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        height: 100px;
        width: 100px;
        transform: rotate(180deg);
        border-radius: 20%;
        position: absolute;
        left: 44%;
        top: 47%;

    }