<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{% block title %}Gabriel Kaszewski{% endblock %}</title>
    <link rel="stylesheet" href="/css/main.css" />
  </head>
  <body>
    <main
      class="w-full h-full min-h-screen flex flex-col items-center justify-center bg-[url('/img/backgrounds/background2.jpg')] bg-cover bg-center"
    >
      <div
        class="w-full max-w-[980px] max-h-[930px] flex-1 flex flex-col glass-sm rounded-2xl rounded-br-none border-midnight border-[2px]"
      >
        {% include "header.html" %}

        <section
          class="grid grid-cols-6 w-full h-full flex-1 gap-8 overflow-y-auto"
        >
          {% include "sidebar.html" %}

          <section
            class="col-span-4 flex flex-col px-8 pt-4 gap-4 overflow-y-auto"
          >
            {% block content %}
            <span class="flex-1"></span>
            {% endblock %} {% include "footer.html" %}
          </section>
        </section>
      </div>
    </main>
  </body>
</html>
