test.html

<div class="bg-[rgb(15,15,15)] text-white">
  SECONDARY ! ! ! ! !
  <main>
    <section class="container mx-auto"></section>
    <section class="container mx-auto h-screen flex text-center items-center justify-center text-xl font-['Poppins'] leading-tight">
      <div class="div1">
        <p class="text mb-4">Wait a second stranger!<br> This yiff database is protected by password and it has a NSFW content.<br> Are you sure you want to proceed?</p><br><br>

        <form class="loginform mb-2" action="#" method="POST" autocomplete="off">
          <input class="password w-[264px] h-12 p-4 mb-2 bg-[#282c3c] font-sans text-sm font-light rounded-[3px] border border-[#282c3c]" type="password" name="password" placeholder="********"><br>
          <input class="submit bg-[#4285f4] w-[264px] h-12 cursor-pointer rounded-[3px]" type="submit" name="submit" value="Login">
        </form>
        <a class="discordlogin container mx-auto cursor-pointer flex w-[264px] h-12 items-center justify-center bg-[rgb(111,130,206)] rounded-[3px]" href="https://discord.com/api/oauth2/authorize?client_id=1040725961089503302&response_type=code&redirect_uri=https%3A%2F%2Fapi.favoslav.cz%2Fv1%2Fyiffdb%2F&scope=identify+guilds"><img class="discordlogo w-8 mx-2 my-2" src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0a6cc3c481a15a141738_icon_clyde_white_RGB.png" alt="Discord Logo">Login with Discord</a>
      </div>
    </section>
  </main>
</div>