decision.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .decision_page {
  2. height: 90vw;
  3. background-color: #dcb495;
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. }
  8. .link_back_block {
  9. display: flex;
  10. align-items: center;
  11. justify-content: center;
  12. flex-direction: column;
  13. flex-wrap: nowrap;
  14. }
  15. .link_back {
  16. background-color: #ffffff;
  17. color: #000000;
  18. width: 15vw;
  19. height: 4.5vw;
  20. vertical-align: middle;
  21. border-radius: 5vw;
  22. display: flex;
  23. align-items: center;
  24. justify-content: center;
  25. }
  26. .link_back:hover {
  27. text-decoration: none;
  28. color: #000000;
  29. }
  30. .link_back_text {
  31. font-size: 1.5vw;
  32. margin-top: 15px;
  33. display: flex;
  34. align-items: center;
  35. justify-content: center;
  36. }
  37. .name_block {
  38. margin-top: 3vw;
  39. width: 90%;
  40. height: 25vw;
  41. display: flex;
  42. flex-direction: column;
  43. align-items: center;
  44. }
  45. .title_block {
  46. width: 90%;
  47. display: flex;
  48. justify-content: center;
  49. }
  50. .title_task {
  51. text-align: center;
  52. color: #000000;
  53. font-size: 4vw;
  54. }
  55. .description_task {
  56. width: 80%;
  57. background-color: #EDCBB0;
  58. height: auto;
  59. max-height: 15vw;
  60. border-radius: 2vw;
  61. display: flex;
  62. overflow-y: auto;
  63. }
  64. .description {
  65. margin: 15px;
  66. }
  67. .description_text {
  68. font-size: 1.5vw;
  69. text-align: justify;
  70. }
  71. .data_block {
  72. width: 90%;
  73. display: flex;
  74. align-items: flex-start;
  75. justify-content: center
  76. }
  77. .bottom_data {
  78. margin: 2vw;
  79. display: flex;
  80. flex-direction: column;
  81. align-items: center;
  82. justify-content: center;
  83. }
  84. .form_label {
  85. margin-top: 10px;
  86. font-size: 1.3vw;
  87. color: #000000;
  88. font-weight: bold;
  89. }
  90. .input_data {
  91. color: #000000;
  92. border: 0.1vw solid #595008;
  93. height: 4.5vw;
  94. min-height: 4.5vw;
  95. width: 30vw;
  96. background-color: #dbc3af;
  97. border-radius: 5vw;
  98. font-size: 1.3vw;
  99. display: inline-flex;
  100. align-items: center;
  101. }
  102. .input_button {
  103. width: 10vw;
  104. height: 5vw;
  105. border-radius: 5vw;
  106. vertical-align: middle;
  107. }
  108. .text_data {
  109. border-radius: 2vw !important;
  110. width: 35vw;
  111. }
  112. .form_data {
  113. display: flex;
  114. flex-direction: column;
  115. margin-left: 2%;
  116. }
  117. .decision_block {
  118. margin-top: 3vw;
  119. width: 90%;
  120. height: 25vw;
  121. display: flex;
  122. flex-direction: column;
  123. align-items: center;
  124. }