{{ block title }}
   <center> Initial questionnaire </center>
{{ endblock }}
{{ block content }}

<style>
    .box {
        border: 1px solid lightgrey; /* Light grey border */
        padding: 20px; /* Adds space around the text inside the box */
        background-color: #f7f7f7; /* Optional: Light grey background */
    }
</style>

<style>

    li {
        margin-bottom: 12px; /* Adjust as needed */
    }
</style>



<center>
<br> <br>
    <i style="font-size: 20px;" >
    Please, provide the following information.
        <br> <br>
        [4/7]
    </i>
    <br> <br>

</center>



<div class=" box">
    <center>


        <i>Please imagine the following situation:
            You can choose between a sure payment of a particular amount of money,
            or a draw, where you would have an equal chance of getting 300 Euro
            or getting nothing. We will present to you five different situations.</i>

        <br>
        <br>
        What would you prefer: <br><br>
        <ul>
            <li>A draw with a <b>50% chance of receiving 300 Euro</b>,
        and the same <b>50% chance of receiving nothing</b> </li>

            <li>An amount of <b> 80 Euro as a sure payment </b></li>

        </ul>




        {{formfields}}
    </center>

</div>




<br>
<center>
   <i> After clicking the <b> Next button </b> you will proceed to the next page. </i>
<br>
<br>

    {{ next_button }} </center>

{{ endblock }}