{% extends "global/Page.html" %}
{% load otree static %}
{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            justify-content: center;
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
    </style>
{% endblock %}

{% block title %}

<p align="center">Instrucciones sobre Asignación de su Rol</p>

{% endblock %}

{% block content %}

<p align="center">En la siguiente pantalla el computador le asignará aleatoriamente a usted uno de dos Roles, estos pueden ser A o B.</p>
<p align="center">Recuerde que, a cualquiera de los participantes de esta actividad, el computador también les asignará el Rol A o el Rol B con igual probabilidad.</p>

<div align="right">

    {% next_button %}
</div>
{% endblock %}