{{ block title }}
    <center> The workplace experiment
    </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;" > Dear participant, welcome to the experiment! <br><br>
Please, remain seated and carefully read the instructions on this and the following page.
</center>
</i>
<br>
<b> General information: </b>
<br><br>

<div class=" box">


<ul>
    <li> The experiment will take between 15 and 35 minutes. Make sure that you will be able to stay
    at your designated place for that time. <br>
    <li> During the experiment do not use your mobile phone or any other
    electronic device except for the BEELAB computer and its accessories.
    <li> Please do not use anything that the experimenter did not provide you with.
    <li> At the end, you will be asked to provide your bank account for your payoff to be transferred.
    This will take place before you leave the lab. Do not worry about it now.
    <li style="color: blue;"> Anything more - any consent/agreement, or anything else?
    <li> ...</li>
    <li> ...</li>
    <li> ...</li>


</ul>
</div>
<br>
<br>
<b> Participation consent: [MOCK]</b>
<br>
<br>
<div class="box" >
    Do you agree with the aforementioned conditions and do you wish to proceed to continue with the experiment?
    <br> <i>If necessary, buttons will be added...</i>

</div>


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

    {{ next_button }} </center>
{{ endblock }}