{% extends "base_generic.html" %}

<style>
.form-container {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 10px;
  background-color: whitesmoke;
  border-radius: 30px;
  border-width: 3px;
  border-style: solid;
  border-color: grey;
  text-align: center;
}
</style>

{% block header %}Logout{% endblock %}

{% block body %}

<div class="form-container">
    <p>Logged out!</p>  
    <a href="{% url 'login' %}">Click here to login again.</a>
</div>

{% endblock %}