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

{% block of styles %}
<style>
.text {
    font-family: Calibri;
    font-style: Normal;
    font-size: large;
    line-height: 1.7;
    text-align: justify;

}
.otree-btn-next{
    background-color: red;
    position: absolute;
    right: 20%;
}
.title {
    font-size: xx-large;
    font-weight: bold;
    font-family: Serif;
}
.text_b {
    font-family: Serif;
    font-style: Normal;
    font-size: large;
    line-height: 1.7;
    text-align: justify;
    font-weight: bold;
}

.positioningava{
    width: 5%;
    position: absolute;
    top: 0px;
    left: 0px;
}

</style>
{% endblock %}
{{ block content }}
<br>

<div class="text">
<img class="positioningava" src="{{ava_pic}}">
</div>







<div class="title">
    Stage 6
</div>
<br>
<div class="text">
In this stage, we will ask you which of two participants you prefer to chat with for the next two minutes. The two participants you will be able to choose from could be any participant in this session except those who were in your Group in Stages 3 and 4.




</div>

<br>

<div class="text">
Each participant in this session (including you) has an equal probability of having your choice implemented. In case your choice is selected to be implemented, you will be able to chat with the participant you selected.


</div>
<br>

    {{ next_button }}

{{ endblock }}