27/9/2024

Score
588.47
Characters
864
<body>
  <div class="hex"></div>
  <div class="abs">
    <div class="cir"></div>
    <div class="ln"></div>
  </div>
</body>
<style>
  body {
    background: #F9DDC6;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .hex {
    width: 18.2rem;
    height: 13.05rem;
    background: #594C94;
    clip-path: polygon(50% -38.5%,100% 50%,50% 138.5%,0 50%);
  }
  .abs{
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: translateY(-1.4rem);
  }
  .cir {
    height: 2.9rem;
    width: 5.8rem;
    background: #F9DDC6;
    border-radius: 2.9rem 2.9rem 0  0;
  }
  .ln {
    width: 100%;
    height: 2.08rem;
    background: #F9DDC6;
  }
</style>