---
import {t} from "astro-i18n";
import BackgroundImage from "../components/BackgroundImage.astro";
import ResetPasswordComponent from "../components/ResetPasswordComponent.svelte";
import NavbarLayout from "../layouts/NavbarLayout.astro";
---

<NavbarLayout title={t("login.page")}>
    <div class="h-screen w-screen fixed -z-10">
        <BackgroundImage />
    </div>
    <div class="h-screen mx-auto  p-8 rounded-b-md pt-40 sm:pt-28 md:pt-14 flex flex-col justify-center items-center
            dark:text-white " style="width: min(100vw, 75em);">
        <ResetPasswordComponent client:load/>
    </div>
</NavbarLayout>