{% extends 'base.html' %}

{% block content %}
<div class="container mx-auto px-4">
    <h1>Bundeslaender Deutschland Quiz</h1>
    <div id="player-list">
        <ul>
            <li>Spieler 1</li>
            <li>Spieler 2</li>
            <li>Spieler 3</li>
        </ul>
        {{debug}}
    </div>
    <button class="w-full p-3 rounded-full bg-blue-600 text-white font-black hover:scale-105 transition duration-200" type="submit">Starten</button>
</div>
{% endblock %}