{% 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">
    Try to imagine yourself in the situations described below. Assume that you are alone and have only the equipment that is specified. The season is fall. The days are warm and dry, but the nights are cold.
Select the best answer out of the options provided. You will receive CZK 10 per question if your response matches with that provided by a survival expert:

</div>
<br>

{{ formfields }}
<br>
    {{ next_button }}

{{ endblock }}