.image-preview{ width: 100%; height: 100%; border-radius: 20px; } .image-container{ height: 200px; margin: 20px 0; border-radius: 20px; overflow: hidden; } .text-center{ display: flex; flex-direction: column; align-items: center; } .title-h3{ margin: 10px; text-align: center; font-size: 26px; font-weight: bold; } .form-section{ display: flex; flex-direction: column; padding: 15px 20px; margin: 20px 0;; background: linear-gradient(135deg, #161616, #fff); border-radius: 20px; } .form-radio-btn { margin-right: 10px; } .form-radio-btn input[type=radio] { display: none; } .form-radio-btn label { display: block; margin: 5px; cursor: pointer; padding: 0px 15px; font-size: 20px; line-height: 34px; background-color: white; border: 1px solid #999; border-radius: 6px; user-select: none; } .form-radio-btn input[type=radio]:checked + label { color: white; background: #727272; } .form-radio-btn label:hover { color: #555; } .form-radio-btn input[type=radio]:disabled + label { background: #efefef; color: #666; } .text-field-label{ display: none; } .text-field-input{ display: block; width: 100%; padding: 7px; font-family: inherit; font-size: 18px; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #bdbdbd; border-radius: 0.25rem; } .text-field-textarea{ display: block; width: 100%; height: 185px; padding: 7px; font-family: inherit; font-size: 18px; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #bdbdbd; border-radius: 0.25rem; resize: none; } .submit-button-label{ display: none; } .submit-button{ padding: 15px 20px; margin: 20px 0; font-size: 20px; font-weight: bold; color: white; background: linear-gradient(135deg, #161616, #fff); border: none; border-radius: 20px; } @media (max-width: 1200px) { } @media (max-width: 992px) { } @media (max-width: 768px) { } @media (max-width: 576px) { .submit-button, .text-field-textarea, .text-field-input, .form-radio-btn label{ font-size: 14px; } .title-h3{ font-size: 20px; } } @media (max-width: 398px) { .title-h3{ font-size: 16px; } }