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

<!-- Timer, Right-Aligned and on Its Own Line -->


<!-- Center-Aligned Role Information -->
<p style= "font-weight: bold;text-align: center;">
    Your role: {{ player.get_role() }}.
</p>

<p style="text-align: center;">Part B will now begin.</p>
<style>
    .otree-timer {
        display: block; /* Ensures the timer is on its own line */
        text-align: right; /* Aligns text within the timer to the right */
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        color: black !important;
        font-weight: normal;
    }
</style>

<!-- Right-Aligned Next Button -->
<div style="text-align: right;">
    {{ next_button }}
</div>

{% endblock %}