Привет!Почему форма регистрации не по середине?Вот код css: .registration_form{

Question

Conditional elector of HRE 🇺🇳 🇦🇶 🏳 (UUNC)

Привет!Почему форма регистрации не по середине?Вот код css: .registration_form{

width: 100%;
height: 100vh;
position: absolute;
}
.registration_form form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.registration_form h1{
color:white;
text-align: center;
}
.registration_form form input{
display: block;
}
И код html:
<div class="registration_form">
<h1>Регистрация</h1>
<form method="post">
{% csrf_token %}
{{ form.username }}
{{ form.email }}
{{ form.password1 }}
{{ form.password2 }}
<input type="submit" id="user_submit" value="Зарегистрироваться">
</form>
</div>