{% 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;
    }

    .emailbox{
        margin-left: 170px;
    }
</style>
<h2>Enter your new password<h2>
<p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
<p class="pass">Enter new password:      <input required><br><br></p>
<p class="pass">Enter new password again      <input required><br><br></p>
<a class="button" href="/" 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 %}