{% load otree %}

<div class="card bg-light instructions">
    <div class="card-body">

    <h3>
        Instructions summary
    </h3>
    <font size="4"><i><b> Your task </b></i></font>
        <font size="3">
            <p>
               For the following decision situation another participant of the experiment is assigned to you at random.
                You and this other person have to make decisions that determine both your own and the other person's payout.
            </p>
        </font>

            <br>

        <font size="4"><i><b> Possible outcomes </b></i></font>
        <font size="3">
            <p>
                The other person also has these two options to choose from. So there are <b>four possible outcomes</b>, depending on how you and the other person decide:<br><br>
                <b>
                    1) If you and the other person both choose option A, you will both end up with 10 points each.<br>
                    2) If you and the other person both choose option B, both of you have 20 points each.<br>
                    3) If you choose option A and the other person chooses option B, you have 30 points and the other person 0 points. <br>
                    4) If you choose option B and the other person chooses option A, you have 0 points and the other person has 30 points.
                </b>
            </p>
        </font>
</div>
</div>