{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
 <span style="font-size: 40px;"> THANK YOU FOR PARTICIPATING!
{% endblock %}

{% block content %}

<div class="card card-body bg-light instructions">
    <div class="big">
        <p> You will now be redirected to the completion page in a few seconds.
        </p>
    </div>
  <script>
    window.onload = function() {
        setTimeout(function() {
            window.location.href = "https://app.prolific.com/submissions/complete?cc=C1B7386J";
        }, 2000);
    };
</script>
</div>

{% endblock %}

{% block styles %}
    <style type="text/css">
        .big{
            font-size: large;
        }

        .button-container {
            display: flex;
            justify-content: flex-end;
            padding: 20px;
        }
    </style>

{% endblock %}