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


{{ block title }}
<div style="text-align: center;">
Game Instructions: Avoid the Bomb!
</div>
{{ endblock }}

{{ block content }}

<div class="consent">
    <p>
        Next, you will see a {{ NUM_ROWS }} × {{ NUM_COLS }} matrix with a total of
        {{ num_boxes }} boxes on your screen.
    </p><br>

    <div style="text-align:center;">
        <img src="{{ static 'BRET_Blank_Matrix_Copy.png' }}" width="600">
        <p><strong><p style="color: blue;">{{ NUM_ROWS }} × {{ NUM_COLS }} matrix in the Game</p></strong></p>
    </div>
    <br>


</div>
{{ next_button }}

{{ endblock }}