20/12/2024

<div class="bar"></div>
<div class="cir cir-out">
  <div class="cir cir-in"></div>
</div>
<style>
  body {
    display: grid;
    place-items: center;
    height: 100%;
    width: 100%;
    margin: 0;
    background: #3F4869;
  }
  .cir {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cir-out {
    width: 10rem;
    height: 10rem;
    background: #61A74E;
  }
  .cir-in {
    width: 6.3rem;
    height: 6.3rem;
    background: #3F4869;
  }
  .bar {
    position: absolute;
    width: 1.9rem;
    height: 5rem;
    background: #61A74E;
    translate: 0 -3.75rem;
  }
</style>