inputs #01

<div
  class="flex flex-wrap max-w-md items-end justify-center gap-4 py-12 mx-auto"
>
  <div class="space-y-1">
    <label class="text-sm leading-normal text-base-500 font-medium">
      Email
    </label>
    <input
      type="email"
      name="email"
      id="email"
      autocomplete="email"
      required
      aria-required="true"
      aria-describedby="email-error"
      placeholder="Your email"
      class="block w-full h-10 px-4 py-2 text-sm text-accent-700 duration-300 bg-white border border-transparent rounded-lg appearance-none ring-1 ring-base-200 placeholder-base-400 focus:border-base-300 focus:bg-transparent focus:outline-none focus:ring-accent-500 focus:ring-offset-2 focus:ring-2 sm:text-sm"
    />
  </div>
</div>