.form-container {
   padding: 20px; /* Adjust the padding as needed */
   background: linear-gradient(135deg,#b6ff2b); /* Gradient background */
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   max-width: 600px;
   margin: 20px auto; /* Center the form and add margin at the top and bottom */
   color: rgb(18, 17, 17); /* Ensure text is readable on gradient */
}

.form-container label {
   display: block;
   text-align: left;
   margin-bottom: 8px;
   font-weight: bold;
}

.form-container input[type="text"],
.form-container input[type="url"],
.form-container input[type="email"],
.form-container input[type="tel"],
.form-container input[type="file"],
.form-container select,
.form-container textarea {
   width: calc(100% - 20px); /* Adjust width to match padding */
   padding: 10px;
   margin-bottom: 20px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
}

.form-container input[type="radio"] {
   margin-right: 10px;
}

.form-container input[type="submit"] {
   background-color: #007bff;
   color: white;
   border: none;
   padding: 15px 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin-top: 10px;
   cursor: pointer;
   border-radius: 4px;
}

.form-container input[type="submit"]:hover {
   background-color: #0056b3;
}