{% extends "global/Page.html" %}
{% load otree %}

{% block styles %}
<style>
    .middle-container {
        font-family: Arial, sans-serif;
        font-size: 18px;
        text-align: center;
        padding: 200px;
    }
    .middle-container button {
        margin-top: 20px;
    }
</style>
{% endblock %}

{% block content %}
<div class="middle-container">
        <p>
        Great! You have completed the <b>first task of Part 4</b>. <br>
        You will now start the <b>second task of Part 4</b>.
    </p>
    <div>
        <button name="next" value="next" class="btn btn-primary btn-large">Start</button>
    </div>
</div>
{% endblock %}