{% 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 5
</div>
<br>
<div class="text">
    In this stage you will make two economic decisions that will determine the earnings of 4 other randomly selected participants in this session. We will call these participants the <i>beneficiaries</i>  and label them <b>Beneficiary 1, 2, 3 and 4</b>:



</div>

<br>
<div class="text">
<ul>
    <li>
        In the first decision, you will be asked to distribute <b>CZK 100</b> between <b>Beneficiary 1</b> and <b>Beneficiary 2</b>, and in the second decision, you will be asked to distribute <b>CZK 100</b> between <b>Beneficiary 3</b> and <b>Beneficiary 4</b>.

    </li>
    <li>
        Note 1: You will be able to <i>partially view</i> the avatars of the beneficiaries when making your decisions (i.e. we will show you <i>either</i> their hat <i>or</i> their jersey color, not both).

    </li>
    <li>
        Note 2: you can never be assigned a beneficiary who was a member of your Group.

    </li>
</ul>
</div>
<br>
<div class="text">
    Your earnings from this stage will be the sum of the amounts allocated to you by those participants for whom <i>you</i> were a beneficiary. Since you cannot determine your own payoff in this stage, you should focus only on how to distribute money among the beneficiaries assigned to you.

</div>
<br>

    {{ next_button }}

{{ endblock }}