body {background-color:orange;
}
.upper{width: 180px;
  height:130px;

  background: #000;
  border-top-left-radius:00%;
  border-bottom-left-radius: 00%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  position: absolute;
  top:100px;
  left:620px;}

  .lower{width: 180px;
    height:130px;

    background: #000;
    border-top-left-radius:00%;
    border-bottom-left-radius: 00%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    position: absolute;
    top:200px;
    left:620px;}

    .circle1{
      width:50px;
        height:50px;
        border-radius: 50%;
        background-color:orange;
        position: relative;
       top:75px;
      left:670px;
    }
    .circle2{
      width:50px;
        height:50px;
        border-radius: 50%;
        background-color:orange;
        position: relative;
       top:95px;
      left:670px;
    }
