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

{% block content %}

<div class="card bg-light m-3" style="max-width: 650px; margin: auto;">
    <div class="card-body">

        <h3><strong>{{ inst.title }}</strong></h3>
        <hr>
        <p>{{ inst.body }}</p>
        <br>
        <p>
            Please <strong>avoid moving your hands and body</strong> when watching the video.
        </p>
        <p>
            Once you press <strong>Next</strong>, the video will start and play without interruption. 
            After it ends, you will be asked to rate how you felt while watching it.
        </p>

    </div>
</div>

{% next_button %}

{% endblock %}