doneit-web/src/app/shared/pin/pin.page.html

<ion-content>
  <div class="main-content d-flex flex-column align-center justify-center">
    <ion-title class="title">Digite o PIN novo</ion-title>
    <div class="terminal">

      <div class="d-flex">
        <div class="circle">1</div> <div class="circle">2</div> <div class="circle">3</div>
      </div>

      <div class="d-flex">
        <div class="circle">4</div> <div class="circle">5</div> <div class="circle">6</div>
      </div>

      <div class="d-flex">
        <div class="circle">7</div> <div class="circle">8</div> <div class="circle">9</div>
      </div>

      <div class="d-flex align-center justify-center">
        <div class="circle">0</div>
      </div>
      
    </div>
  </div>

</ion-content>