{{ block title }}
    <p style="text-align: center;
        font-size: 30px;
        font-weight: bold;"> Instruktionen
{{ endblock }}
{{ block content }}
<style>
    .otree-body{
        background-color: lightgrey;
        border-radius: 10px;

    }
    .center-box {
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center; /* Centers vertically */
        text-align: center;
    }
</style>
    <p style="font-size: large; text-align: center"> Bitte nehmen Sie sich genügend Zeit, sich mit den schriftlichen Instruktionen vertraut zu machen. Klicken Sie anschließend auf den "Ich habe die Instruktionen gelesen"-Button, um zu den Verständnisfragen zu gelangen.
<div class = "center-box">
    <button class="otree-btn-next btn btn-primary">Ich habe die Instruktionen gelesen</button>
</div>
    {{ endblock }}