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

{% block styles %}
    <style>

        .otree-body {
            background-color: white;
            color: black;
        }

        .otree-btn-next {
            background-color: green;
        }
        .otree-title {
            color: black;
        }


    </style>
{% endblock %}



{% block title %}
    Survey
{% endblock %}

{% block content %}


<div class="w3-light-grey w3-tiny">
    <div class="w3-container w3-green" style='width:18%'>18%</div>
</div>

    <p>
        Please answer the following questions.
    </p>

    {% formfields %}

    <div align ="right">
        {% next_button %}
    </div>

{% endblock %}