.new_task_page { height: 50vw; background-color: #dcb495; } .form_data { display: flex; flex-direction: column; margin-left: 2%; } .form_block { display: flex; align-items: center; justify-content: center; } .form_data_button { display: flex; flex-direction: column; justify-content: center; align-items: center; } .input_data { color: #000000; border: 0.1vw solid #595008; height: 4.5vw; min-height: 4.5vw; width: 50vw; background-color: #dbc3af; border-radius: 4.5vw; font-size: 1.3vw; display: inline-flex; align-items: center; } .form_label { margin-top: 10px; font-size: 1.3vw; color: #ffffff; font-weight: bold; } .description { border-radius: 2vw !important; width: 50vw; max-height: 10vw; } .name_form_block { width: 100%; display: flex; flex-direction: column; align-items: center; } .deadline { width: 20vw; } .quest_button { margin-top: 5vw; margin-left: 5vw; width: 20vw; height: 5vw; background-color: #000000; color: #ffffff; border-radius: 5vw; vertical-align: middle; font-size: 1.5vw; } .data_form_block { display: flex; flex-direction: row; align-items: center; justify-content: center; } .deadline { margin: 5px; } .link_back_block { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } .link_back { background-color: #ffffff; color: #000000; width: 15vw; height: 4.5vw; vertical-align: middle; border-radius: 5vw; display: flex; align-items: center; justify-content: center; } .link_back:hover { text-decoration: none; color: #000000; } .link_back_text { font-size: 1.5vw; margin-top: 15px; display: flex; align-items: center; justify-content: center; }