{% block styles %}

    <!-- custom style sheet-->
    <link href="{% static 'global/styles.css' %}" rel="stylesheet">
    <script src="{% static 'global/js/functions.js' %}"></script>
    
{% endblock %}

{% block content %}

<h2><center>Sección 4 - Instrucciones 1</center></h2>
<br>

    <div class="instructions">
        <p>
            En esta sección del experimento, utilizaremos loterías. 
        </p>
        <p>
En esta tarea se le pedirá que elija basándose en una urna que verá en la pantalla. La urna contiene 100 bolas, 50 bolas rojas y 50 bolas negras.
          </p>
        <img class = 'center' src="{{ static 'global/urna.png' }}"/>
        <p>
Usted debe elegir entre el color rojo o el color negro. El color que elija será su color ganador. Luego el computador sorteará una bola, si la bola sorteada es de su color ganador, ganará 6 UME, de lo contrario no ganará nada. 
       </p>
        <p>
Es decir, si usted eligió rojo, y la bola sorteada por el computador es roja, entonces usted ganará 6 UME. Pero si la bola sorteada por el computador es negra, entonces usted no ganará nada. 
       </p>
        <p>
Por el contrario, si usted eligió negro, y la bola sorteada por el computador es negra, entonces usted ganará 6 UME. Pero si la bola sorteada por el computador es roja, entonces usted no ganará nada.
       </p>
        <p>
  Como en la urna hay 100 bolas y la mitad son negras y la otra mitad son rojas, esto significa que (independientemente del color que elija) usted tiene 50% de probabilidad de ganar 6 UME y 50% de probabilidad de no ganar nada. Esta será su apuesta. 


        </p>
    </div>

    <p>¿A qué color vas a apostar?</p>
        <button name="colors4t1" style="background-color: #ff0000; color: white" class="button_ball" value="True">Rojo</button> 
        <button name="colors4t1" style="background-color: #000000;color: white" class="button_ball" value="False">Negro</button>
{% endblock %}