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


{{ block title }}
Practice
{{ endblock }}

{{ block content }}

<main id="main" class="d-flex flex-column align-items-center ot-fade">
    <h3 ot-text="vars.iteration"></h3>

    <p>{{ task.question }}</p>

    <div class="d-flex flex-row gap-3 justify-content-center">
        <button type="submit" class="btn btn-primary">{{task.options.0.label}}</button>
        <button type="submit" class="btn btn-primary">{{task.options.1.label}}</button>
        <button type="submit" class="btn btn-primary">{{task.options.2.label}}</button>
        <button type="submit" class="btn btn-primary">{{task.options.3.label}}</button>
    </div>
</main>

{{ endblock }}