Forms | themrsami friendly firefox 52

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="relative py-3 sm:max-w-xl sm:mx-auto">
  <div
    class="relative px-4 py-10 bg-black mx-8 md:mx-0 shadow rounded-3xl sm:p-10"
  >
    <div class="max-w-md mx-auto text-white">
      <div class="mt-5 grid grid-cols-1 sm:grid-cols-2 gap-5">
        <div>
          <label
            class="font-semibold text-sm text-gray-400 pb-1 block"
            for="fullname"
            >Full Name</label
          >
          <input
            class="border rounded-lg px-3 py-2 mt-1 mb-5 text-sm w-full bg-gray-800 text-white focus:border-blue-500 focus:ring-2 focus:ring-blue-500"
            type="text"
            id="fullname"
          />
        </div>
        <div>
          <label
            class="font-semibold text-sm text-gray-400 pb-1 block"
            for="email"
            >Email</label
          >