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

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


{% block styles %}

    <link href="{% static "blackjack/styles.css" %}" rel="stylesheet">

    <style>

        .center {
            margin: auto;
            width: 100%;
            padding: 10px;
            text-align: center;
        }

        .btn {
            border-radius: 0;
        }

    </style>

{% endblock %}


{% block content %}

    <div class="center">
        <img src="{% static "blackjack/images/cards-collection.svg" %}" width="200px">
        <p><b>Highest Two Card Combination - Start Official Rounds</b></p>
    </div>

    <button type="submit" class="btn btn-dark btn-large" style="width: 100%;">Start official rounds</button>

{% endblock %}