{{ block title }}
Analogical questions
{{ endblock }}
{{ block content }}
<style>
    .score-widget {
        display: flex;
        gap: 40rem;
        z-index: 100;
        {#max-width: 990px;#}
    }
    #main {
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          font-size: 19px;
          width: 250px;
          height: auto;
    }
    #main div {
        width: auto;
        height: auto;
    }
</style>

<p><b>{{ player.question_a }}</b></p>

<div class="score-widget">
    {{ formfields }}
    <div id="main">
        <table class="table" style="width: auto">
            <tr>
                <th>Your score in Analogical:</th>
            </tr>
            <tr>
                <td>{{ player.participant.correct_a}}</td>
            </tr>
        </table>
    </div>
</div>


{{ next_button }}

{{ endblock }}