{{ 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 around 1 hour. Make sure that you will be able to stay
    at your designated place for that time. <br>

    <li> Please, do not use your mobile phone or anything else that the experimenter did not provide you with, except for the BEELAB computer and its accessories. You may have a bottle of water with you.

    <li> If you experience any problem out of the scope of the experiment, please raise your hand and wait for the experimenter to reach you.</li>

    <li> Please stay within, and do not try to leave, the fullscreen mode of the experiment's interface.</li>

    <li> In the experiment you will earn Experimental Currency Units (ECUs).
        Each ECU will transfer into <b>XXX€</b>. </li>

    <li> By clicking the Next button you give us consent to use the data from this experiment for our research purposes.
    We will keep strict rules regarding your data privacy. The data you provide will be anonymized and safely stored.

    <li> At the end of the experiment, please follow the instruction that will be displayed on the screen.</li>

</ul>
</div>




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

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