{% load otree static %}

{{ block content }}
<style>
    table{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    img{
        margin-top: 5vh;
        display: block;
        max-height: 75vh;
        margin-left: auto;
        margin-right: auto;
    }
    td{
        width: 33vw;
    }

</style>

<img src="{{ static 'open.png' }}" />
<table>
    <tr>
        <td style="text-align: right">This kind of person</td><td>{{formfields}}</td><td style="text-align: left">This kind of person</td>
    </tr>
</table>


    {{ next_button }}

{{ endblock }}


{{ block scripts}}
<script>
    document.getElementById('_otree-title').remove()
</script>
{{ endblock }}