{% extends "base.html" %}

{% block content %}
  <style>
    .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 60vh; /* Adjust based on how much of the screen you want to fill */
        text-align: center;
    }

    .box > h1 {
        font-size: 5rem;
        margin-bottom: 10px;
        text-shadow: 0 0 10px #00ff00;
    }

    .box > a { 
        color: white; 
        text-decoration: none;
    }

    .box > a:hover {
        text-decoration: underline;
    }
</style>

  <div class="box">
    <h1>ACCESS GRANTED</h1>
    <h2>{{ message }}</h2>
    <h2>
        <a href="{{ discord_link }}" target="_blank">Join the Discord server</a> 
        | Access Token: {{ discord_token }}
    </h2>
  </div>
{% endblock %}