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

{% block title %}
    <u>Official Rounds Begin Now.</u>
{% endblock %}


{% block styles %}
    <style>
    body{
       text-align: center;
       align-items: center;
       justify-content: center;
    }

    .otree-title.page-header{
       font-size: 36px;
       text-decoration: underline;
   }
    p{
    font-size: 32px;
        text-align: left;
        text-indent: 2em;
}


    #ptable table, th, td {
      border: 2px solid black;
      padding: 0;
        table-layout:fixed;

    }
    #ptable table{
      height: 100%;
    }

    thead tr th:first-child,
    tbody tr td:first-child {
      width: 8em;
      min-width: 8em;
      max-width: 8em;
    }


    </style>
{% endblock %}

{% block content %}

    <p>
        All five practice rounds are over. Now we are ready to begin the official rounds.
    </p>
    <p>
        Recall that your role will be randomly chosen at the beginning of the 1st official round and fixed thereafter
        (for the entire 10 official rounds).
    </p>
{#    <p>#}
{#    Moreover, you will not know whether you are <span style ="font-size:1.2em; font-weight: bold; color: dodgerblue">True R</span> or <span style ="font-size:1.2em; font-weight: bold; color: darkgrey">False R</span> during your decision making for the official rounds.#}
{#    </p>#}
            <button class="otree-btn-next btn btn-primary not-clicked" id="next_page" style="font-size: 25px; margin: 15px;"> PROCEED </button>


{% endblock %}

{% block scripts %}
    <script>
    </script>
{% endblock %}