{% block title %}


    {% if player.round_number == 1  %}
     <p class="center"> <b>Round {{ 2 }}</b> </p>
    {% else %}
    Results
    {% endif %}

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


{% endblock %}
{% block content %}

    {% if player.round_number == 5 %}

    Thank you for your participation.<br><br>
    You got {{ score }} points.

    Please enter the following code in Prolific for us to enter your payment

    {% else %}

        {% if player.initial == 1 %}

             <p class="center2">
             <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>

        {% else %}

            <p class="center2">
            <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>

        {% endif %}

    {% endif %}


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



{% endblock %}