recovery.css 1.1 KB

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