{{ block styles }}
<link href="{{ static 'bret/css/custom.css' }}" rel="stylesheet"/>
{{ endblock }}

{{ block title }}
<div style = "color: blue; text-align: center; ">Instruction: Avoid the Bomb! <br>
    (Real Rounds)</div>
{{ endblock }}

{{ block content }}

<div class="consent">
    <br>
<h3>The Real Game</h3>

<p>
You have completed the practice rounds for both versions of the <strong>"Avoid the Bomb!"</strong> game.
The next part is the <strong>real game</strong>.
</p>

<p>
    There will be five (5) rounds to be played in this part.
</p>

<p>
The rules are the same as in the practice:
</p>

<ul style ="font-size:19px;">
    <li>You will see a grid of boxes.</li>
    <li>Each box you collect is worth <strong>Rp {{ BOX_VALUE }}</strong>.</li>
    <li>One box contains a <strong>bomb</strong>.</li>
    <li>If the bomb is among the boxes you collect, you receive <strong>Rp 0</strong> for that round.</li>
</ul>

<p>
<strong>One round will be randomly selected</strong> for bonus payment.
</p>

<p style="color: blue;">
30% of all participants will be randomly selected
to receive a bonus from this game.
</p>

</div>

<button class="btn btn-primary btn-lg" type="submit">
Start Real Rounds
</button>

{{ endblock }}