{{ block content }}
Answer the following questions:
<br><br>

<div class="card">
    <div class=card-header><b>Which of the following best describes your sex?</b></div>
    <div class="card-body"> {{ formfield 's1_q1a' label=''}} </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>If you prefer to self describe, please do so here.</b></div>
    <div class="card-body">
    {{ formfield 's1_q1b' label=''}}
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>Where did you study the ESO?</b></div>
    <div class="card-body">
    {{ formfield 's1_q2' label=''}}
    </div>
</div>
<br>
<button class="otree-btn-next btn btn-dark btn-primary">Next</button>

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>

    <style>
         input[type="radio"]:checked {
            background-color: #008C3C; /* Change the background color when checked */
            border-color: #008C3C;
        }
    </style>
{{ endblock }}