{% extends "global/Page.html" %}
{% block title %}
Random Numbers
{% endblock %}

{% block content %}
<style>
    /* Your CSS styles */
    table {
        border-collapse: collapse;
        width: 100%;
    }

    th, td {
        border: 1px solid black;
        text-align: center;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #f2f2f2;
    }
</style>

<h1>Random Numbers</h1>
<table>
    {% for row in numbers %}
    <tr>
        {% for number in row %}
        <td>{{ number }}</td>
        {% endfor %}
    </tr>
    {% endfor %}
</table>

<form method="post">
    <button type="submit">Continue</button>
</form>
{% endblock %}