{% 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>Introduction</h1>

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


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

                 Please use Google Chrome browser. Other browsers might have display errors. <br>

                 <br> Please do not switch to other webpages or applications while doing the experiment. Please do not refresh
                 the experiment page either. Doing so risks crashing the experimental program. <br>

                 <br> Please also maximise your browser window or enter full screen mode. Failing to do so may cause errors later.<br>


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


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


{% endblock %}