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

{% block head_title %}
    Study
{% endblock %}



{% block styles %}

    <style type="text/css">

        .column {
          float: none;
          width: 50%;
          padding: 20px;
        }

        .row::after {
          content: "";
          clear: both;
          display: table;
        }

        h1 {text-align: center; font-size: 35px;}

        .justify {
          text-align: justify;
          text-justify: inter-word;
        }

        h1 {text-align: center; font-size: 35px;}
    </style>

{% endblock %}



{% block content %}
        <h1>Instructions</h1>

    <div class="card bg-light m-3">
    <div class="card-body">
    <div class="justify">


        <p style="font-size:18px;">

                 You are now almost ready to start playing the game. You will play the game for 5 rounds. <br>

            <br> Each round consists of 10 games and you need to solve each game within a certain time limit.
                 The time limit will change from game to game. <br>

            <br> The amount of time you have to find the solution to each game will be either 15, 25, or 60 seconds or no time limit. <br>

            <br> Your earnings will be determined as follows:
                 In each round, you start with a budget of &euro;10. &euro;1 will be deducted for each game for which you give an
                 incorrect answer, or fail to provide an answer within the time limit.
                 Your earnings for a given round will be equal to the amount left when you finish the 10 games in that round. <br>

            <br> At the end of the study, 1 of the 5 rounds will be
                 randomly selected for payment. You will receive the final earnings for that round. <br>

            <br> Please press the "Next" button to continue. <br>


        </p>
    </div>
    </div>
    </div>



<center>
    <br>
    {% next_button %}
</center>


{% endblock %}