03/11/2024

<style>
  body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 1.9rem;
    background: #2D3464;
  }
  .bx {
    width: 7.5rem;
    height: 7.5rem;
    background: #C0D6E7;
    position: relative;
  }
  .oval {
    background: #C0D6E7;
    border-radius: 5rem;
    width: 10.0rem;
    height: 5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .lines {
    display: grid;
    height: 3.75rem;
    width: 7.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0.65rem;
  }
  .line {background: #D95362}
</style>
<div class="bx">
  <div class="oval"></div>
</div>
<div class="lines">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>