{% extends "base.html" %}
{% block content %}
    <section class="panel" style="max-width: 520px; margin: 0 auto;">
        <h2>Create Account</h2>
        <p class="muted">Usernames are lowercase and use letters, numbers, or underscores.</p>
        <form method="post" class="stack">
            <label>
                Username
                <input type="text" name="username" placeholder="street_runner" required>
            </label>
            <label>
                Password
                <input type="password" name="password" placeholder="minimum 6 characters" required>
            </label>
            <button type="submit" class="primary">Register</button>
        </form>
    </section>
{% endblock %}