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

{% block title %}Introduction{% endblock %}
{% block content %}
<style>
    #start-game-button {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    }
</style>

    <h3>
        Instruction
    </h3>
    <p>
    In this experiment, you will participate in 10 rounds of school choice tasks and 2 rounds of belief tasks for school A and school B.<br>
    You will be paid for ONLY one round. <br>
        <ul>
        <li>
            Only one task would count for your payment (either a school choice task, a belief task for School A, or a belief task for School B).
        </li>
        <li>
         At the end of the experiment session, one round will be randomly chosen out of 12 rounds for payment.
        </li>
        </ul>
        Each round, you will be rematched with new players.
    </p>


    <button id="start-game-button" class="btn btn-primary">Start Game</button>
{% endblock %}