Tarea

Utilizar Tailwind CSS para completar el estilo de un formulario con campos de entrada, áreas de texto, botones de opción y un interruptor.

Rellenar los espacios en blanco con las clases adecuadas de Tailwind CSS para lograr el estilo deseado.

• Entradas y áreas de texto:
  • Borde gris claro (border-gray-300);
  • Esquinas medianamente redondeadas (rounded-md);
  • Estado de enfoque con un anillo azul (focus:ring-2 y focus:ring-blue-500).
• Botón de envío:
  • Fondo azul primario (bg-blue-500);
  • Azul más oscuro al pasar el cursor (hover:bg-blue-700);
  • Esquinas redondeadas (rounded);
  • Estado de enfoque con anillo (focus:outline-none, focus:ring-2 y focus:ring-blue-500).

1. Color del borde: Utilizar border-gray-300 para un borde gris claro;
2. Esquinas redondeadas: Utilizar rounded-md para esquinas medianamente redondeadas;
3. Anillo de enfoque: Utilizar focus:ring-2 para agregar un anillo al enfocar y focus:ring-blue-500 para color azul.
4. Hover del botón de envío: Utilizar hover:bg-blue-700 para un azul más oscuro al pasar el cursor;
5. Anillo del botón de envío: Utilizar focus:outline-none para eliminar el contorno de enfoque predeterminado, focus:ring-2 para agregar un anillo al enfocar y focus:ring-blue-500 para definir el color del anillo.