register.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. #navbar {
  2. display: none;
  3. }
  4. .register_page {
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. height: 75vw;
  9. background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
  10. }
  11. .register {
  12. width: 70%;
  13. height: 70%;
  14. margin-left: 15%;
  15. margin-right: 15%;
  16. background-color: #dbc3af;
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: space-evenly;
  20. }
  21. .register_form {
  22. margin-bottom: 10%;
  23. }
  24. .header_title {
  25. text-align: center;
  26. color: #000000;
  27. font-size: 3.5vw;
  28. width: 100%;
  29. }
  30. .data_block {
  31. width: 100%;
  32. display: flex;
  33. flex-direction: column;
  34. flex-direction: column;
  35. justify-content: center;
  36. align-items: center;
  37. }
  38. .form_data, .form_data_button {
  39. display: flex;
  40. flex-direction: column;
  41. margin-left: 2%;
  42. margin-left: 2%;
  43. }
  44. .form_data_button {
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: center;
  48. align-items: center;
  49. }
  50. .input_data {
  51. color: #000000;
  52. border: 0.1vw solid #595008;
  53. height: 4.5vw;
  54. width: 60vw;
  55. background-color: #dbc3af;
  56. border-radius: 5vw;
  57. font-size: 1.3vw;
  58. }
  59. .input_button {
  60. width: 20vw;
  61. height: 5vw;
  62. border-radius: 5vw;
  63. vertical-align: middle;
  64. }
  65. .form-label {
  66. font-size: 1.3vw;
  67. }
  68. .register_button {
  69. margin-top: 15px;
  70. width: 20vw;
  71. height: 5vw;
  72. background-color: #000000;
  73. color: #ffffff;
  74. border-radius: 5vw;
  75. vertical-align: middle;
  76. font-size: 1.5vw;
  77. }
  78. .box {
  79. margin-left: 9vw;
  80. }