{% 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.
                 As in the practice game, you will have 10 minutes  to complete the game. <br>

<!--
                 You are now almost ready to start playing the game. You will play the games for 3 rounds.
                 As in the practice game, you will have 10 minutes in each round to complete the game. <br>

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

-->

            <br> You will earn 1 point for each correctly colored square. If you color a square wrongly, 5 points will be deducted.
                 As in the practice game, the square will flash red and then change to the correct color.  <br>

            <br> After you complete the game or the time runs out, the final score will be converted to money
                 at a rate of 10 points to &pound;1.
                 If the final score is negative, your earnings will be 0. <br>


            <br> Please do not switch to other webpages or applications. Inactivity will be detected and will result in a rejected submission. <br>

            <br> Please do not click through the squares to rush through the game either. This will result in a negative score and a rejected submission. <br>

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


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



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


{% endblock %}