AEX175

<main class='relative w-screen h-screen flex items-center justify-center  bg-gray-200 sofia dark:bg-[#2A2E35] text-gray-900 dark:text-gray-100 '>
  <div class="flex items-center justify-center w-full h-screen p-4 sofia">
    <div class="w-11/12 p-4 text-gray-900 bg-white dark:bg-[#454E56] dark:text-white rounded sm:w-9/12 md:w-7/12 xl:w-5/12 xl:scale-125 2xl:scale-150">
      <p class="pb-2 mb-4 text-3xl text-center cubano">Register</p>
      <form class="flex flex-col gap-4">
        <input type="text" class="block w-full p-2 pr-20 text-black bg-gray-200 dark:text-white dark:bg-[#252A34] rounded shadow focus:ring-2 focus:ring-blue-500 focus:border-transparent focus:outline-none" placeholder="Full Name..." />
        <input class="block w-full p-2 pr-20 text-black bg-gray-200 dark:text-white dark:bg-[#252A34] rounded shadow focus:ring-2 focus:ring-blue-500 focus:border-transparent focus:outline-none" placeholder="Mobile Number..." />
        <input pattern='[A-za-z0-9._+-]+@[a-zA-z0-9 -]+\.[a-z]{2,}' class="b