15/07/2025

<div class="bar"></div>
<div class="dot-container">
  <div class="dot"></div>
  <div class="dot"></div>
  <div class="dot"></div>
</div>
<div class="bar"></div>
<style>
  body {margin: 0; background: #2F5A76}
  .bar, .dot {background: #F5BB60}
  .bar {
    width: 16.55rem;
    height: 10%;
    position: absolute;
    right: 0;
  }
  .bar:nth-child(3) {bottom: 0}
  .dot-container {
    display: flex;
    align-items: center;
    gap: 0 6.2rem;
    height: 80%;
    padding: 7.5% 1.55rem;
  }
  .dot {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 2rem;
  }
</style>