{{ extends 'global/Page.html' }}
   {{ block title }} Your current performance evaluation {{ endblock }}


{{ block content }}
        <style>

            .ribbon {
                flex-shrink: 0;
                min-width: 100%;
                min-height: 100%
            }
            #content {
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden
            }

        </style>

         <div style="text-align: justify;" class="card bg-light mb-3  ">
            <div class="card-body">

                <p>  You have now completed 3 of the 6 estimations. Below we provide you with information regarding your performance
                    (i.e., the accuracy of your estimates in the preceding 3 estimations) relative to other participants. </p>

                 <!-- Logo top corner right  -->
                <div id="content" style="margin:0px auto; text-align:center;">
                    <img src="{{ static 'DebiasingNudge.jpg' }}" width="200px" class="ribbon"/>
                    <!-- To change the size of the image, change the value of width="200px"  -->

                </div>

                <p> Note: This is the only time that we will provide you with this performance evaluation. </p>

            </div>
        </div>

        <!-- {{ next_button }}  -->
        <br>
        <button class="otree-btn-next btn btn-primary button1" style="float: right;">Continue</button>






{{ endblock }}