{% block title %}
    Instructions
{% endblock %}

{{ block content }}

 <style>
    body {
      font-family: Verdana, Arial, sans-serif;
      font-size: 16px;
    }
  </style>

{% if player.initial == 0 %}
        <p>This study consists of five rounds divided into two parts.
           Throughout the session, you will be matched with another participant who have already participated in this study.</p>
          <ul>
              <li>During part 1 (three rounds), you will be asked to complete a brief survey on Social Perceptions and  will perform a task called <i>Guess the Proportion of Blue Balls</i>.</li>
               <li>In part 2 (two rounds), you will perform the <i>Guess the Proportion of Blue Balls</i> task.</li>
          </ul>

{%  else %}

        <p>This study consists of five rounds divided into two parts.
          </p>
          <ul>
              <li>During part 1 (three rounds), you will be asked to complete a brief survey on Social Perceptions and  will perform a task called <i>Guess the Proportion of Blue Balls</i>.</li>
               <li>In part 2 (two rounds), you will perform the <i>Guess the Proportion of Blue Balls</i> task.</li>
          </ul>

{% endif %}

Detailed instructions can be found on the following pages.

<style>
    .btn-space {
        margin-top: 50px;
    }
</style>

<div class="btn-space">
        {{ next_button }}
    </div>

{{ endblock }}