Css-Battle-141.html

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<style>
  body{
    background:#E3516E;
     margin:0px;
    
  }
  /* that get 99.7% point  2023/04/16 */
  .a{
    width: 75px;
    height: 75px;
    background: #D9D9D9;
    border-bottom-right-radius:100%;
  }
  .b{
    position:absolute;
    left:130px;
    top:121px;
    width: 140px;
    height: 58px;
    background: #D9D9D9;
   border-radius:100%;
  }

  .c{
    position:absolute;
    right:0px;
    bottom:0px;
    rotate:180deg;
     width: 75px;
    height: 75px;
    background: #D9D9D9;
    border-bottom-right-radius:100%;
  }
</style>
 <!-- taht slotaion gets 100% points
  
  
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<style>
body{
  background:#E3516E;
  margin:0;
  display:grid;
  place-items:center;
  position:relative;
  
}
.a{
  position:absolute;
  top:0;
  left:0;
  width: 75px;
  height: 75px;
  background: #D9D9D9;
  border-bottom-right-radius:100%;
}
.b{
  width: 100px;
  height: 100px;
  background: #D9D9D9;
 border-radius:100% 0;
  rotate:45deg;
}
.c{
  position:absolute;
  right:0px;
  bottom:0px;
  rotate:180deg;
   width: 75px;
  height: 75px;
  background: #D9D9D9;
  border-bottom-right-radius:100%;
}
</style>

 -->