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

{% block content %}

<div class="card bg-light m-3" style="max-width: 650px; margin: auto;">
    <div class="card-body">

        {% if curcond == 'mast' %}

            
            <p style="font-size: 3.5rem; color: black; font-weight: bold; text-align: center;">
                <strong><u>RETRACT</u></strong> ARM
            </p>
            <br>
            <p style="font-size: 1.5rem; color: red; font-weight: bold; text-align: center;">
                Count backwards in steps of <strong>17</strong> from <strong>2043</strong>.
            </p>
            
        {% elif curcond == 'control' %}

            <p style="font-size: 3.5rem; color: black; font-weight: bold; text-align: center;">
                <strong><u>RETRACT</u></strong> ARM
            </p>
            <br>
            <p style="font-size: 1.5rem; color: red; font-weight: bold; text-align: center;">
                Count from <strong>1</strong> to <strong>25</strong>.
            </p>
        {% endif %}

    </div>
</div>

{% next_button %}

{% endblock %}