{{ block title }}Pregunta de comprensión{{ endblock }}
{{ block content }}

<div class="card bg-light m-3">
    <div class="card-body">

    <table class='table table-bordered text-center'
           style='width: auto; margin: auto'>
        <tr>
            <th colspan=2 rowspan=2></th>
            <th colspan=2 style="color: forestgreen">El otro participante</th>
        </tr>
        <tr>
                <th style="color: forestgreen">A</th>
                <th style="color: forestgreen">B</th>
        </tr>
        <tr>
            <th rowspan=2><span style="transform: rotate(-90deg); color: #007dc1"">Tú</span></th>
            <th><b style="color: #007dc1"> A</b></th>
                <td> <b style="color: #007dc1"> 20</b>, <b style="color: forestgreen">20</b></td>
                <td> <b style="color: #007dc1"> 105</b>, <b style="color: forestgreen">42</b></td>
        </tr>
        <tr>
            <th><b style="color: #007dc1"> B</b></th>
                <td><b style="color: #007dc1"> 42</b>,<b style="color: forestgreen"> 104</b></td>
                <td><b style="color: #007dc1"> 0</b>, <b style="color: forestgreen">0</b></td>
        </tr>
    </table>
<br>
        <p>
            Si tú eliges <b style="color: #007dc1">A</b> y tu pareja elige <b style="color: forestgreen">B</b>, ¿cuántos puntos ganarás?
        </p>

    {{ formfields }}

    {{ next_button }}
    </div>
</div>



{{ endblock }}