{{ define "main" }}

<div class="container auth-success-container">
  <div class="row">
    <div class="col success-container">
      <div class="success-content">
        <h1 class="text-center display-4">Thanks for Authenticating!</h1>
        <p class="lead text-center">You've just become an integral part in the future of the internet, AND you'll be entitled to a variety of exciting rewards such as minted NFT badges to honor your work thus far.</p>
        <button onclick="window.location.href='/';" id="return-home" class="detail-btn-large"><i class="icon-enter-arrow"></i>RETURN HOME</button>
      </div>
    </div>
  </div>
</div>

<style>

  .success-container{
    height: 80vh;
    position: relative;
  }

  .success-content{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #return-home{
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

</style>

{{ end }}