{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Instruction
{% endblock %}


{% block styles %}

<style>
  .otree-title.page-header{
       font-size: 40px;
   }
p{
    font-size: 22px;
    text-indent:0em;
}
ul{
    font-size: 22px;
}
h2{
    text-align: center;
}

</style>
{% endblock %}

{% block content %}
<br>
      <h2><u>1 Practice Match and {{ tot_matches }} Actual Matches</u></h2>
    <br>
      <p>
          Thank you for paying attention to the instructions.
          Before you will play the {{ tot_matches }} actual matches, to ensure your comprehension of the instructions,
          you will take a quiz and play 1 practice round. The practice round will not be included in the determination of your cash payment.
      </p>
   <br>

   <center> <button class="otree-btn-next btn btn-primary" id="next_page" style="position: relative; font-size: 22px; margin: 5px; padding: 5px;"> NEXT </button></center>

{% endblock %}