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

{% block title %}
<div style="text-align: center;">
    End of Preliminary Stage
</div>
{% endblock %}

{% block content %}
<br>
<div style="text-align: center; margin-left:11%; margin-right: 11%">
    <p style="margin-bottom: 30px;">
         You have completed the 2 preliminary rounds.
    </p>

    <p style="margin-bottom: 30px;">
        One of the two rounds will be selected for payment.
    </p>

    <p style="margin-bottom: 30px;">
       You will only learn the exact amount earned at the end of the experiment.
    </p>

    <p style="margin-bottom: 30px;">
    Click on next to proceed.
    </p>
</div>
<div style = " display: flex; justify-content: center; align-items: right;  ">
    <button class="btn btn-primary">Next</button>
</div>
{% endblock %}