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

{% block content %}

{% include "global/fopen_bt.html" %}

{% include "global/fopen_at.html" %}

    {% formfield player.q_age %}
    {% formfield player.q_gender %}
    {% formfield player.q_country %}
    {% formfield player.q_degree %}

    {% next_button %}

 {% include "global/fclose.html" %}

    <input type="hidden" name="Demographics_warnings" value="0" id="Demographics_warnings"/>
    <input type="hidden" name="Demographics_time_spent" value="0" id="Demographics_time_spent"/>

{% endblock %}

{% block styles %}
<style>
.otree-btn-next {
  float: right;
}
 input.form-control {
  max-width: 100px;
 }
</style>
{% endblock %}