wait = '''
    <div class="modal fade" id="modalWait" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog" role="document">
    <div class="otree-wait-page container fade-in">
        <div class="card handdrawn" style="width: 90%">
            <h4 class="otree-wait-page__title card-header handdrawn">
                Please wait
            </h4>
            <div class="card-body handdrawn">
                <p class="otree-wait-page__body">
                <span> Waiting for the other player response<span id="wait">...</span></span>
                </p>
            </div>

        </div>
    </div>
    </div>
    </div>



    <style>
        .card {
            background: white;
            border: 5px solid black;
            border-radius: 5px;
            box-shadow: 0 0 5px #999;
            /*width: 940px; */
            margin: 22px auto;
            margin-top: 30%;

            animation: fadeIn 3s;
            -webkit-animation: fadeIn 2s;
            -moz-animation: fadeIn 2s;
            -o-animation: fadeIn 2s;
            -ms-animation: fadeIn 2s;

        }

        .card-body {
            margin-top: 5px;
            font-size: 18px;
        }

        .card-header {
            border-bottom: 0px !important;
        }

    </style>
'''