{{ block title }}
    Instruction
{{ endblock }}
{{ block content }}

<div class="card bg-light m-3">
    <div class="card-body">
        
        <p>
            This section consists of X rounds.
        </p>
        
        <div id="voting" style="width:100%;height:120px; float:left; border:3px double; padding: 5px; margin:10px 0px">
            <p>
                In each round, you will play a game against a rational computer who always choose the best possible move.<br>
                You and the computer take turns alternatively, and you are always the first mover. <br>
                The following pages will instruct the game. <br>
                Read the text in the <span style="background-color: lightyellow;">yellow</span> area carefully.
            </p>
        </div>
        
    </div>
</div>

<style>
    p {
        font-size: 18px;
    }
</style>



    {{ next_button }}

{{ endblock }}