{% extends 'base.html' %}

{% block title %}Login{% endblock %}
{% block optionalParams %}
<style>
  html{
    background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;

  }
  .buttons{
    background-color: #469330;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  }
  #page-wrap{
    padding: 20vh;
  }

</style>
{% endblock %}

{% block content %}
<div class="centered" id="page-wrap" style="text-align:center;">
<h2>Влез в акаунта си</h2><br>

<form method="post">
  {% csrf_token %}
  {{ form.as_p }}
  <button type="submit" class="buttons">Влез</button><br><br>
  <a href="{% url 'signup' %}">Нямаш акаунт? Регистрирай се.</a>
</form>
</div>
{% endblock %}