{% 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 - Tarea 2</center></h2>
<br>

    <div class="instructions">
        <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>
                </p>
        <img class = 'center' src="{{ static 'global/urna.png' }}"/>
        <p>
  </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, recibirá el premio, de lo contrario no recibirá nada. El premio en este caso puede 
        variar a lo largo de la tarea.
  <p>
  </p>
        Es decir, si usted eligió rojo, y la bola sorteada por el computador es roja, entonces usted ganará el premio. 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á el premio. 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 el premio y 50% de probabilidad de no ganar nada. Esta será su apuesta. 


        </p>
    </div>

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