{% extends "global/Page.html" %}
{% load otree %}
<!-- {% load otree_tags staticfiles %} -->

{% block title %}
    Instructions
{% endblock %}

{% block content %}

<div class="card bg-light m-3">
    <div class="card-body">

        <h3>
            Instructions
        </h3>

        <link rel="stylesheet" type="text/css"
              href="{% static 'global/matrix.css' %}"/>

        <p>
            Whenever two persons make an agreement, both will receive their agreed upon number of points.  The number of points each receives depends on their agreement. Generally, the more points you get from an agreement, the fewer the other person gets, and the more the other person gets, the fewer you get. Reaching the best agreement for yourself that you can is your task.
        </p>

    </div>
</div>

    {% next_button %}

{% endblock %}