{{ block title }}メタ認知ゲーム{{ endblock }}
{{ block content }}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rampart+One&display=swap" rel="stylesheet">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rampart+One&display=swap" rel="stylesheet">


<style>
    .otree-body {
        text-align:center;
        background: #F4F5F7;
        font-family:Helvetica;
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 0;

    }
    .otree-title{
        font-family: 'Rampart One', cursive;
        font-size: 80px;
        text-align:center;
    }
    .otree-btn-next {
        border: none;
        padding: 0.7em 1.7em;
        font-size: 18px;
        border-radius: 0.5em;

        border: 1px solid #e8e8e8;
        transition: all .3s;
        box-shadow: 6px 6px 12px #c5c5c5,
                    -6px -6px 12px #ffffff;
        }

</style>
<br/>
<br/>
<p>
    メタ認知ゲームを始めます。下のボタンをクリックしてください。
</p>
<br/>

{{ formfields }}


{{ next_button }}

{{ endblock }}