_form.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .form {
  2. padding: 100px 0 100px 0;
  3. background-color: #EEEFF1;
  4. &__title {
  5. margin: 0 auto;
  6. margin-bottom: 65px;
  7. max-width: 540px;
  8. font-family: Roboto;
  9. font-style: normal;
  10. font-weight: normal;
  11. font-size: 16px;
  12. line-height: 26px;
  13. text-align: center;
  14. color: #727272;
  15. & p {
  16. margin: 0;
  17. }
  18. & h3 {
  19. font-weight: 700;
  20. font-size: 32px;
  21. line-height: 37px;
  22. text-align: center;
  23. color: #000000;
  24. margin: 0;
  25. margin-bottom: 50px;
  26. }
  27. }
  28. &__inputs {
  29. margin: 0 auto;
  30. margin-bottom: 20px;
  31. input {
  32. width: 255px;
  33. height: 50px;
  34. padding: 17px 0 18px 20px;
  35. border: none;
  36. &:first-child {
  37. margin-right: 20px;
  38. }
  39. }
  40. }
  41. &__wrapper {
  42. display: flex;
  43. flex-direction: column;
  44. & textarea {
  45. padding: 17px 0 0 20px;
  46. resize: none;
  47. border:none;
  48. width: 540px;
  49. height: 175px;
  50. margin: 0 auto;
  51. margin-bottom: 50px;
  52. }
  53. & button {
  54. margin: 0 auto;
  55. width: 190px;
  56. height: 55px;
  57. font-size: 14px;
  58. line-height: 23px;
  59. text-align: center;
  60. letter-spacing: 0.15em;
  61. color: #FFFFFF;
  62. background: #34547A;
  63. }
  64. }
  65. }