/* body {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100vh;
     font-family: Arial, sans-serif;
     background-color: #f0f0f0;
 } */

 form {
     /* display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 80%;
     max-width: 600px;
     background-color: #ffffff;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
 }

 .form-control {
     background-color: white!important;
 }

 form * {
     width: 100%;
     margin-bottom: 10px;
 }

 textarea {
     height: 250px;
     padding: 10px;
     /* border: 1px solid #ccc; */
     border-radius: 4px;
     resize: none;
 }

 h1 {
     text-align: center;
     margin-bottom: 20px;
     color: #333;
 }

 .message {
     color: red;
     text-align: center;
     margin-bottom: 10px;
 }

 select, button {
     padding: 10px;
     border: none;
     border-radius: 4px;
     background-color: #6222cc;
     color: white;
     cursor: pointer;
     transition: background-color 0.3s;
 }


 select:focus, button:focus {
     outline: none;
 }

 button:hover {
     background-color: #0056b3;
 }

 #download-btn {
     display: none;
 }