<!DOCTYPE html>
<html lang="en" charset="utf-8">

    {% include "partials/head.html" %}
    
    <body>
        {% include "partials/header.html" %}
        <div id="content" class="p-4 pt-24 lg:pt-0 sm:p-12 lg:p-0 overflow-hidden">
            {% block content %}{% endblock %}    
        </div>
        {% include "partials/banner.html" %}
        {% include "partials/footer.html" %}
        <script type="text/javascript" src="{{ get_url(path='js/custom.js')}}"></script>
    </body>
</html>
<style>
    body {
  --tw-bg-opacity: 1;
  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(208,198,255,0.25) 15%, rgba(255,255,255,0.2) 30%, rgba(208,198,255,0.25) 45%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.2) 95%); }
</style>