{{ block title }}
<center> Work task starting page <br> <br> <i> Round {{ subsession.round_number }}  </i> </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>
<br>

<div class = "box">
<center>
After pushing the <b> Next button</b>, the timer will start and you will have <b> {{ C.TIME_LIMIT }} seconds </b> to
complete as many work units as possible.
<br>
<br>
Your goal is to <b> adjust the sliders to the numbers displayed in bold to their right</b>.
You may adjust the sliders by the cursor, or with arrows after clicking on them.

<br>
<br>

<b>Only correctly set sliders are accounted as complete work units.</b>
</center>
</div>
<br>


<center>
<i> After pushing the <b>Next button</b> your work task will start.</i>
    <br>
    <br>
    {{ next_button }}
    </center>
{{ endblock }}