{{ 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>
        [2/7]
    </i>
    <br> <br>

</center>



<div class=" box">
    <center>
{{formfields}}

        <i> Please use a scale from 0 to 10,
            where 0 means that you are <b> completely unwilling to take
            risks </b> and 10 means that you are <b> very willing to take risks</b>. <br>
            You can also use any numbers between 0 and 10 to indicate
            where you fall on the scale, like 0, 1, 2, 3,
            4, 5, 6, 7, 8, 9, 10.</i>
    </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 }}