{{ block title }}
Calculating
{{ endblock }}

{{ block content }}
<div style="text-align:center; padding-top: 100px;">
  <div class="spinner" style="
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
      margin: 0 auto;">
  </div>
  <p style="margin-top: 20px; font-size: 18px;">Calculating...</p>
</div>

<style>
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.otree-timer {
  display: none !important;
}
</style>
{{ endblock }}