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

{% block title %}
Welcome!
{% endblock %}

{% block styles %}
<style>
.content {
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    text-align: center;
    padding-top: 1%;
}
.page-header {
    margin: 20px;
}

.otree-body.container {
    margin: 0px auto 0px;
    font-weight: normal;
}

</style>
{% endblock %}

{% block content %}
<div class="row content">
    <div class="col-7">

        <p>You will earn &#163;2 for completing this study and  will have the opportunity to <b><font color="red">earn
              more money</font></b> depending on your decisions during the study.</p>

        <p>Specifically, at the end of the study, the computer will randomly select one question.
          You will receive points from the randomly selected question and the number of points depends
          on your decision and the decision of another participant.
          Points will be converted to pounds using the rate 20 points = &#163;1. For example, if you
          earned 60 points for the selected question, you would then earn 60/20 = &#163;3 (in addition
          to the completion fee).</p>

      <p>All questions are equally likely to be selected so <b><font color="red">make all choices carefully</font></b>. </p>

      <p>The next pages give detailed instructions. Following the instructions, you will take a quiz on
        them. You will be allowed to continue and will be entitled to payment <b><font color="red">only
           if you answer all questions on the quiz correctly</font></b>.</p>

      <p></p>

      <center>
        {% next_button %}

    </div>
</div>

{% endblock %}