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

{{ block title }}
Plot {{ a }}{{ endblock }}
{% block content %}
<style>
    .otree-timer {
        width: fit-content;
        float: right;
        margin-top: -13px;
    }
    .otree-timer p {
        margin-bottom: 0
    }
    .otree-title.page-header {
        font-size:30px;
    }
    .page-header {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-top: 40px;
    }
    .header {
  font-size: 28px;
    }
</style>

<div>
        <img src="{{ static 'global/competition/10u.png' }}" style="width: 500px"/>
</div>
<p>Next period’s change of the sequence will be:</p>
<button name="predict_10u" value="+1">Upward</button>
<button name="predict_10u" value="-1">Downward</button>
<br><br>


{% endblock %}