{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    <u>{{ title_text }}</u>
{% endblock %}

{% block styles %}

<style>
body{
       text-align: center;
       align-items: center;
       justify-content: center;
    }

    .redbt { background-color:red;
    color: white;
    font-size:30px; padding:15px 60px;
    }
    .bluebt { background-color:blue;
    color: white;
    font-size:30px; padding:15px 60px;
    }

    p{
    font-size: 22px;
    text-indent:0;
}
li{
    font-size: 22px;
}
ul{
    font-size: 22px;
}
h2{
    text-align: center;
}
</style>

{% endblock %}

{% block content %}
<p>You received the message "The color of the shell is {% if player.message_received2 == 0 %}<span style="color: blue; font-weight: bold;">BLUE</span>{% else %}<span style="color: red; font-weight: bold;">RED</span>{% endif %}."</p>

<br>
<p>Please choose one of the following two actions:</p>
<button name="conjecture2" value="0" class="bluebt">BLUE</button>
<button name="conjecture2" value="1" class="redbt">RED</button>


{% endblock %}