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

{% block title %}
    <div class=" alert alert-warning" align="center">Information</div>
{% endblock %}

{% block content %}
<div class="card bg-light m-3">
    <div class="card-body">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
        <br>
        <p align="center">Die Interaktion mit der Person, die Ihnen zu Beginn zugewiesen wurde, ist nun beendet. <br><br>Ihnen wird jetzt eine neue Person zugewiesen, mit der Sie in den nächsten 8 Runden interagieren werden.</p><br>

        <p align="center"><button type="submit" id="iii" class="btn btn-primary btn-large">Verstanden</button></p>

<br>



     </div>
</div>

<style>
.card {
    height: 550px;
}

.input-group {

    //margin-left: auto;
    //margin-right: auto;
    //width: 200px
    //margin-left: 25px;
}


 // .otree-form  {
   //    text-align: center;
  //}

  .otree-timer {
    color: #3e3a3a;
    background-color: #c3c3c300;
    // background-color: #c3c3c39e;
    border-color: #c3c3c300;
    // border-color: #c3c3c39e;
    text-align: center;
    //position: absolute;
    //bottom: 100%;

  }



 .otree-timer {
 display: none;
%order: -1;
}

.debug-info {
//  display: none;
order: 3;
}

</style>

{% endblock %}