{{ block title }}

    <div class = "text-center">
    <br>Please make your choice


    </div>
{{ endblock }}

{{ block content }}

<br>

<div class="d-flex flex-column align-items-center">
        <div class="slider">
        <div class = text-center">
        <button name="attention_choice" value = "A" style="margin-right: 20px; font-size: 26px; height: 200px; width: 200px; background-color:azure; text-align: center; ">
            5 points <br>  for sure </button>
        <button name="attention_choice" value = "B" style="margin-right: 20px; font-size: 26px; height: 200px; width: 200px; background-color:azure">
            Zero points <br>  for sure </button>
        <button name="attention_choice" value = "C" style="margin-right: 20px; font-size: 26px; height: 200px; width: 200px; background-color:azure">
            12 points <br>  for sure </button>
        <button name="attention_choice" value = "D" style="margin-right: 0px; font-size: 26px; height: 200px; width: 200px; background-color:azure">
            -12 points <br>  for sure </button>

        </div></div></div>


<br><br>

{{ endblock }}