{{ block styles }}

<link href="{% static 'global/Intro.css' %}" rel="stylesheet">

{{ endblock }}

{{ block content }}
<div class = "game-body">
    <div class="text-container">
        <p>
            To participate in this experiment you need to:
            <ul>
                <li> Be <b>18 or older</b>. </li>
                <li> Be fluent in <b>English</b>. </li>
                <li> Focus only on the experiment (it will take around {{ C.AvgDur }} minutes).</li>
                <li> Use your <b>computer</b>. The experiment does not work on phones or tablets. </li>
                <li> Set this window into <b>Fullscreen</b> mode (if you do not know how to do it, we will explain). </li>
            </ul>
        </p>
        <p style='text-align: justify;'>
            We reserve the right to exclude you from payment if we detect that you are not paying attention 
            (jumping between other windows or setting off the Fullscreen too many times) 
            or not complying with any of the above mentioned requirements.
        </p>
        <!-- Check box T&C -->
        <div class="checkBox">
            <input type="checkbox" required id="TC" name="TC" value="check">
            <label for="TC"> I agree to the <u>Terms and Conditions </u> above and to participate in this
                experiment.</label>
        </div>
        <button id="submit" class="button consent-button"> Next </button>
    </div>
</div>

{{ endblock }}