body {
 font-family: Arial, sans-serif;
 background-color: #f0f0f0; /* Light gray background */
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100vh;
 margin: 0;
}
.container {
 background-color: #fff;
 padding: 20px;
 border-radius: 8px;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 max-width: 650px; /* Maximum width for responsiveness */
 width: 100%;
}
form {
 margin-bottom: 20px;
}
label {
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
input[type="number"] {
 width: 100px;
padding: 8px;
}
button {
 padding: 10px 20px;
 background-color: #007bff;
 color: #fff;
 border: none;
 cursor: pointer;
}
button:hover {
 background-color: #0056b3;
}