register.css 1.7 KB

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