{% block title %}

     <p class="center"> <b>Round {{ player.round_number }}</b> </p>

 <style>
    .center {
      font-family: Verdana, Arial, sans-serif;
      text-align: center;
      margin-bottom: 200px;
      margin-top: 50px ;
    }
    .blue-font {
      color: blue;
    }
    .red-font {
      color: red;
    }
    </style>

{% endblock %}
{% block content %}

{% if player.initial == 1 and player.round_number != 1%}

     <p class="center">

    <b>Guess the Proportion of Blue Balls<br>
        Timeline</b><br><br>
    1. The computer filled a new urn with <span class="blue-font"><b>B</b></span> blue balls and 100-<span class="blue-font"><b>B</b></span> red balls. <br>
    <span class="blue-font"><b>B</b></span> was chosen randomly between 0 and 100.<br><br>
      </p>

{% elif player.round_number <= 3 and player.round_number > 1 %}

     <p class="center">
    <b>Guess the Proportion of Blue Balls<br>
        Timeline</b><br><br>
    1. The computer filled a new urn with <span class="blue-font"><b>B</b></span> blue balls and 100-<span class="blue-font"><b>B</b></span> red balls. <br>
    <span class="blue-font"><b>B</b></span> was chosen randomly between 0 and 100.<br><br>
    2. The computer showed 10 random balls from the urn to the other Participant. <br>
         The other Participant guessed the proportion of blue balls (<span class="blue-font"><b>B%</b></span>) in the urn. <br><br>
    3. The 10 balls were returned to the urn.
     </p>

{% elif player.round_number >= 4 %}

     <p class="center">
    <b>Guess the Proportion of Blue Balls<br>
        Timeline</b><br><br>
    1. The computer filled a new urn with <span class="blue-font"><b>B</b></span> blue balls and 100-<span class="blue-font"><b>B</b></span> red balls. <br>
    <span class="blue-font"><b>B</b></span> was chosen randomly between 0 and 100.<br><br>
    2. The computer showed 10 random balls from the urn to the other Participant. <br>
         The other Participant guessed the total number of blue balls (<span class="blue-font"><b>B</b></span>) in the urn. <br><br>
    3. The 10 balls were returned to the urn.
     </p>

{% endif %}



  <p>{{ next_button }}</p>


{% endblock %}