WebOrbiton
v3.0.0.0

FlatlyPage

← Changes All versions
68 lines · 1.2 KB
  1. .contact-form-section{
  2. padding: 100px 0 100px;
  3. }
  5. .contact-form-wrapper {
  6. max-width: 600px;
  7. margin: 0 auto;
  8. margin-top: 42px;
  9. }
  11. .contact-form {
  12. background: var(--card-bg);
  13. padding: 32px;
  14. border-radius: 16px;
  15. border: 1px solid var(--border);
  16. }
  18. .form-group {
  19. margin-bottom: 20px;
  20. }
  22. .form-group label {
  23. display: block;
  24. margin-bottom: 8px;
  25. font-weight: 500;
  26. color: var(--text);
  27. }
  29. .form-group input,
  30. .form-group textarea {
  31. width: 100%;
  32. padding: 12px 16px;
  33. border: 1px solid var(--border);
  34. border-radius: 8px;
  35. background: var(--bg);
  36. color: var(--text);
  37. font-family: inherit;
  38. font-size: 16px;
  39. transition: all 0.2s;
  40. }
  42. .form-group input:focus,
  43. .form-group textarea:focus {
  44. outline: none;
  45. border-color: var(--primary);
  46. }
  48. .form-group textarea {
  49. resize: vertical;
  50. min-height: 120px;
  51. }
  53. .form-message {
  54. text-align: center;
  55. font-weight: 500;
  56. }
  58. .form-message.success {
  59. background: var(--card-bg);
  60. color: var(--success);
  61. border: 1px solid rgba(34, 197, 94, 0.2);
  62. }
  64. .form-message.error {
  65. background: rgba(239, 68, 68, 0.1);
  66. color: #ef4444;
  67. border: 1px solid rgba(239, 68, 68, 0.2);
  68. }