{{ block title }}
<p style="font-size: 20px">Thank you for participating in this study!</p>
{{ endblock }}
{{ block content }}
<style>
    .otree-body {
        line-height: 1.6; /* Better line spacing */
        background-color: #f4f4f4; /* Light background for the page */
    }
    .page-header {
    padding-top: 5px;
    }
    .container {
        background-color: #fff;
        margin: 30px auto;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

</style>
<div class="container">
<p> You gained a total of <strong> {{ participant.payoff }} </strong>. </strong><br>
    Your total reward of the study is <strong> {{ total_reward }} </strong>. </p> <br>
    Please click <a href="{{ session.prolific_completion_url }}">here</a> to complete the study.
    <p>

</p>
</div>

<br>

{{ endblock }}