t"></div>
        <div class="bot"></div>
      </div>
    </div>
  </div>
</div>
<style>
  .loader {
    margin: 0 auto;
    display: flex;
    width: 12rem;
    height: 12rem;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    border: 0.4rem solid #52c5ff;
  }

  .container[class*="1"] {
    animation-delay: 1s;
  }

  .container[class*="2"] {
    animation-delay: 1.3s;
  }

  .container[class*="3"] {
