{{ block title }}
<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 {
        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;
        }
    p{
        font-family:Helvetica;
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 0;
    }
</style>
Game End
<br>

<br>
<p>あなたの今回の得点は{{ group.total_point }}点です！
<p>あなたの多数派確率：{{ group.majority_score }}％</p>
<p>あなたのメタ判断正解率：{{ group.meta_score }}％</p>
<p>診断</p>
<p>{{ group.result_text }}</p>
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-size="large" data-text="メタ認知ゲームの結果 今回の得点は{{ group.total_point }}点 多数派確率：{{ group.majority_score }} メタ判断正解率：{{ group.meta_score }}" data-url="" data-show-count="false">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>





{{ endblock }}