final

server/frontend/main/style.css

@@ -440,8 +440,8 @@ h4 {
 }
 .answer_wrapper {
     background: linear-gradient(135deg, #f3d9c6, #e8c3a4, #d9a77a);
-    padding: 60px;
-    margin: 0 400px;
+    padding: 50px;
+    margin: 0 300px;
     border-radius: 25px;
     box-shadow: 0 15px 40px rgba(0,0,0,0.08);
     margin-top: 20px;
@@ -457,8 +457,15 @@ h4 {
 
 .form-info {
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: 2fr 1fr 1fr;
     gap: 50px;
+    margin-bottom: 40px;
+}
+.form-connect {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
 }
 
 .form_name {
@@ -468,7 +475,18 @@ h4 {
     gap: 20px;
     font-size: 36px;
     font-weight: 700;
+    justify-content: space-between;
+    width: 500px;
 }
+label {
+    display: flex;
+    justify-content: space-between;
+}
+.label_1 {
+    flex-direction: column;
+    gap: 20px;
+}
+
 
 .block_title {
     font-weight: 700;
@@ -483,6 +501,7 @@ h4 {
     gap: 10px;
     margin-bottom: 12px;
     font-size: 30px;
+    justify-content: start;
 }
 
 input[type="text"] {
@@ -501,7 +520,6 @@ input[type="checkbox"] {
 
 .answer_btn {
     grid-column: 1 / -1;
-    margin-top: 40px;
     padding: 18px 40px;
     border-radius: 30px;
     border: none;
@@ -527,6 +545,13 @@ input[type="checkbox"] {
     outline: none;
     font-size: 30px;
 }
+textarea {
+    padding: 0 20px;
+    border-radius: 25px;
+    border: none;
+    background-color: #ffffff;
+    font-size: 30px;
+}
 
 /* -----------------------------FOOTER---------------------------------- */