{% extends 'base.html' %}
{% block content %}

<style>
    body{
        margin-left: 500px;
        margin-top: 80px;
        margin-right: 500px;
        border: 3px solid black;
        padding: 10px;
        border-radius: 4px;
    }

    .button{
        margin-left: 250px;
        font-size: 14px;
    }

    .emailbox{
        margin-left: 170px;
    }

    p{
    font-size: 18px;
    }
</style>
<h2>Forgotten you password just enter the code that was sent to you via email<h2>
<p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
<p class="emailcode">Enter code recieved in email:      <input required><br><br></p>
<a class="button" href="/newpassword" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; border-style: solid; display: inline-block; text-decoration: none; padding: 8px 16px; color: black;">Change</a>
{% endblock %}