{% 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 2
</div>
<br>
<div class="text">
In this stage, we will ask you to imagine yourself in a number of survival-type situations and specify what would be the best strategy you should follow from the options provided. You will receive CZK 10 per question if your response (which you will submit after stage 4) matches with that provided by a survival expert.


</div>

<br>

    {{ next_button }}

{{ endblock }}