{% block content %}

<style>
    iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            margin: 0;
            padding: 0;
            border-width: 0;
        }
    .otree-timer{
            display: none;
        }
    .alert-warning {
            color: #ff0000;
            background-color: #ffffff;
            border-color: #ffffff;
    }
</style>

<iframe src="https://nlp-moviebot.vercel.app/"></iframe>


<div class="timer" style="position: relative; left: -100px; top: 530px">
    <p>Time left to speak with Moviebot:
        <span style="color:red; font-weight: bold">
            <span class="otree-timer__time-left"></span>
        </span></p>
</div>



{% endblock %}