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


{% block content %}
<link rel="stylesheet" href="{% static 'global/instructions.css' %}"/>
<div class="instructions">
<ul>
<li> We have now divided you and the rest of the participants into two groups.
</li>
<li> Individuals with similiar music tastes are in the same group. </li>
<li> The two groups will remain the same for the rest of the experiment. </li>
<li> The number of individuals in your own group is {{ group_players }}</li>
</ul>
<p>The second part of the experiment will allow you to interact with your group members to solve a task.</p>
</div>

<div class='container-fluid'>
	<div class='row'>
		<div class='col-md text-center'>
			{% next_button %}
		</div>
	</div>
</div>

{% endblock %}