{% extends 'base.html' %}

{% block title %}Sign Up{% 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;
  }
  #page-wrap{
    padding: 20vh;
  }

</style>
{% endblock %}
{% block content %}
<div class="centered" id="page-wrap">

  <h2>Регистрирай се</h2><br><br>
  <form method="post">
    {% csrf_token %}
    {% for field in form %}
    <div class="fieldWrapper">
        {{ field.errors }}
        {{ field.label_tag }}<br> {{ field }}
    </div><br>
{% endfor %}
    <button type="submit" class="buttons"">Регистрация</button>
  </form>
  </div>
{% endblock %}