{{ extends "global/Page.html" }}

{{ block title }}
    <div align = "center"><h4>次の３つの問題に答えたあと、「次へ」をクリックしてください</h4></div>
{{ endblock }}
{{ block content }}

<style>
    .white-container {
        background-color: #ffffff; /* Set the background color to white */
        padding: 20px; /* Adjust padding as needed */
        border-radius: 10px; /* Optional: Add rounded corners */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */
    }
</style>


    {{ for eachfield in form }}
    <div class="white-container" style="color: #333333;">
        {{ formfield eachfield.name }} 
    </div>
    <br>
    <br>
            <!-- {{ eachfield.label }} 
        <br><br>
        <input name="crt1" type="text" />  {{ eachfield.description }} 
        {{ formfield_errors eachfield.name }} -->
    {{ endfor }}
    
    <div align = "center">
        {{ next_button }}
    </div>
{{ endblock }}

{{ block scripts}}
<script>
        document.addEventListener('keypress', function(e) {
        if(e.keyCode === 13 || e.key == 'Enter') {
            e.preventDefault();
        }
    });
</script>
{{ endblock }}