{% extends 'partials/base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    {% set styles %}
        #grav-login {
          max-width: 36em;
        }
        #grav-login .form-actions {
            text-align: right;
            padding: 1em 0;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 1em;
            flex-wrap: wrap;}
 
        #grav-login p {font-size: inherit;}
        #grav-login 
            input[type=submit].primary,
            input[type=reset].primary,
            input[type=button].primary,
            button.primary,
            .button.primary {
              width: 100%;
              font-size: 0.7em;
              line-height: 3em;
              margin: 1em 0;
            }
        @media screen and (max-width: 480px) {
          #grav-login .form-actions {
            flex-direction: column;
        }
    {% endset %}
    {% do assets.addInlineCss(styles) %}
{% endblock %}

{% block menu %}
  {% include 'partials/sidebar_right.html.twig' %}
{% endblock %}

{% block content %}
    {% include 'partials/messages.html.twig' %}
    {% include 'partials/forgot-form.html.twig' %}
{% endblock %}