recovery.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .recovery_page {
  2. height: 60vw;
  3. background-color: #dcb495;
  4. }
  5. .recovery {
  6. width: 100%;
  7. height: 60vw;
  8. display: flex;
  9. flex-direction: column;
  10. align-items: center;
  11. justify-content: center;
  12. }
  13. .header_title {
  14. text-align: center;
  15. color: #000000;
  16. font-size: 3.5vw;
  17. width: 100%;
  18. }
  19. .recovery_form {
  20. margin-top: 55px;
  21. width: 70%;
  22. display: flex;
  23. }
  24. .data_block {
  25. width: 100%;
  26. height: 100%;
  27. display: flex;
  28. flex-direction: row;
  29. align-items: flex-end;
  30. flex-wrap: nowrap;
  31. justify-content: space-evenly;
  32. }
  33. .form_data {
  34. display: flex;
  35. flex-direction: column;
  36. margin-left: 2%;
  37. margin-left: 2%;
  38. height: 100%;
  39. }
  40. .form-label {
  41. font-size: 1.3vw;
  42. }
  43. .input_data {
  44. color: #000000;
  45. border: 0.1vw solid #595008;
  46. height: 4.7vw;
  47. width: 30vw;
  48. background-color: #dbc3af;
  49. border-radius: 5vw;
  50. font-size: 1.3vw;
  51. }
  52. .recovery_button {
  53. background-color: #000000;
  54. color: #ffffff;
  55. min-width: 20vw !important;
  56. height: 5vw;
  57. border-radius: 5vw;
  58. vertical-align: middle;
  59. font-size: 1.5vw;
  60. margin-left: 20px;
  61. }