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

{% block title %}
Easy questions
{% endblock %}

{% block content %}

<div class="content">
    <div class="text">
    <p>
        Suppose you flip a fair coin that has two sides: heads and tails.
    </p>
    <p>
        {% formfield player.screening1 label="Is it more likely that the coin comes up heads or is it more likely that the coin comes up tails?" %}
    </p>
    <p>
        {% next_button %}
    </p>
    </div>
   <img src="{% static 'Scapegoating/coin_flip.jpg' %}" width="30%" height="30%"  border="10px">
</div>

<style>
.content {
    display: flex;
}

.content img {
    margin-left: 100px;
    display: block;
}

.content h3,
.content p {margin: 0;}
</style>

{% endblock %}