{% 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.<br>
    You will be paid for ONLY one round. <br>
    At the end of the experiment session, one round will be randomly chosen out of 12 rounds for payment.<br>
    </p>


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