{% extends "security/base.html" %}
{% block metas %}
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
{% endblock %}

{%- block head_scripts %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.css" integrity="sha512-SI0aF82pT58nyOjCNfyeE2Y5/KHId8cLIX/1VYzdjTRs0HPNswsJR+aLQYSWpb88GDJieAgR4g1XWZvUROQv1A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
{%- endblock head_scripts %}


{%- block styles %}
<style>
    .hide { display: none;}
    .fs-center { text-align: center }
    .fs-important { font-size: larger; font-weight: bold }
    .fs-gap { margin-top: 20px; }
    .fs-div { margin: 4px; }
    .fs-error-msg { color: darkred; }
</style>
{%- endblock %}

    {% block body %} 

<section class="hero is-primary is-fullheight">

    <div class="hero-head">
        {% block navbar %} 
        {% include "partials/navbar.html" %}
        {% endblock navbar %} 
    </div>
    <div class="hero-body">
        <div class="container">
            <div class="columns is-centered">
                {% block content -%}
                {%- endblock content %}
            </div>
        </div>
    </div>
    <div class="hero-foot">
        {% block footer -%} 
        {%- endblock footer %}
    </div>
</section>

    {% block scripts %}
    {%- endblock scripts %}

{% endblock body %}