14/07/2025

<div class="cir cir1"></div>
<div class="cir cir2"></div>
<div class="box box1"></div>
<div class="box box2"></div>
<style>
  body {
    background: #CEEDFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6.85rem;
  }
  .box {
    width: 21.8rem;
    height: 5rem;
    background: #05476C;
  }
  .box2 {
    background: #CEEDFF;
    height: 7rem;
  }
  .cir {
    position: absolute;
    top: 37.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22rem;
    height: 22rem;
    background: #dd6b4d;
    border-radius: 50%;
    z-index: -1;
  }
  .cir1 {background: #2BBBF3}
  .cir2 {
    background: #CEEDFF;
    width: 18.8rem;
    height: 18.8rem;
    top: 7%;
  }
</style>