13/11/2024

<div class="con">
  <div class="up">
    <div class="in"></div>
  </div>
  <div class="down"></div>
</div>
<style>
  body {
    background: #F3EAD2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    margin: 0;
  }
    .con {
    width: 22.5rem;
    height: 10.65rem;
    background: #857495;
  }
  .up {
    height: 82.5%;
    display: flex;
    justify-content: center;
    align-items: end;
  }
  .in {
    width: 83.5%;
    height: 71%;
    background: #D97D71;
  }
  .down {
    width: 100%;
    height: 17.5%;
    background: #D97D71;
  }
</style>