Завдання

Використайте Tailwind CSS для завершення стилізації форми з полями введення, текстовими областями, радіокнопками та перемикачем.

Заповніть пропуски відповідними класами Tailwind CSS для досягнення бажаного вигляду.

• Поля введення та текстові області:
  • Світло-сіра рамка (border-gray-300);
  • Середньо округлені кути (rounded-md);
  • Стан фокусу з синім кільцем (focus:ring-2 та focus:ring-blue-500).
• Кнопка надсилання:
  • Основний синій фон (bg-blue-500);
  • Темніший синій при наведенні (hover:bg-blue-700);
  • Округлені кути (rounded);
  • Стан фокусу з кільцем (focus:outline-none, focus:ring-2, та focus:ring-blue-500).

1. Колір межі: Використовуйте border-gray-300 для світло-сірої межі;
2. Округлені кути: Використовуйте rounded-md для середньої округлості кутів;
3. Кільце фокусу: Використовуйте focus:ring-2 для додавання кільця при фокусі та focus:ring-blue-500 для синього кольору.
4. Ховер кнопки відправки: Використовуйте hover:bg-blue-700 для темнішого синього при наведенні;
5. Кільце кнопки відправки: Використовуйте focus:outline-none для видалення стандартного контуру фокусу, focus:ring-2 для додавання кільця при фокусі та focus:ring-blue-500 для встановлення кольору кільця.