20/01/2025

<div class="con">
  <div class="con-in">
    <div class="bar bar1"></div>
    <div class="bar bar2"></div>
    <div class="bar bar3"></div>
  </div>
</div>
<style>
  body {
    height: 100%;
    width: 100%;
    display: grid;
    place-content: center;
    margin: 0;
    background: #594C94;
  }
  .con {
    background: #F9DDC6;
    width: 13.8rem;
    height: 17.4rem;
    display: grid;
    place-content: center;
  }
  .con-in {
    width: 13.8rem;
    height: 14.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;    
  }
  .bar {
    background: red;
    height: 1.62rem;
    width: 12.15rem;
    background: #594C94;
  }
  .bar2 {align-self: end}
</style>