{% block title %}

        {% if player.round_number < 5 %}
            <p class="centerX"> <b>Round {{ player.round_number }}</b> </p>
        {% else %}
            <p class="centerX"> <b> Last Round </b> </p>
        {% endif %}

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

{% endblock %}
{% block content %}

{% if player.round_number == 1 %}

     <p class="center">

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

{% elif player.round_number != 3 %}

     <p class="center">
         <b>Guess the Proportion of Blue Balls<br></b><br><br>
         The Urn was refilled with new 20 balls that can be <span class="blue-font">Blue</b></span> or <span class="red-font">Red</b></span>. <br><br> The number of <span class="blue-font">Blue</span> balls was chosen randomly between 2 and 18.<br><br>
     </p>





{% endif %}



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


{% endblock %}