{{ block title }}
<center> Comprehension check </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>

<div class = "box">
<center>
Please, answer the following questions. <br> <br>

    <i> Only correctly answering the questions allows you to progress with the experiment.</i>

</center>
    </div>
<br>

    {{ formfields }}


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

    {{ next_button }}
</center>


{{ endblock }}