body {
   font-family: Arial, sans-serif;
   background-color: #f4f6f9;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   max-height: 600px;
 }

 .form-container {
   background: white;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   width: 100%;
   max-width: 600px;
 
 }

 .form-container h2 {
   margin-bottom: 20px;
   text-align: center;
   color: #333;
 }
 
 .shortInput {
   width: 150px;
 }

 label {
   display: block;
   margin-bottom: 5px;
   color: #555;
   font-weight: bold;
 }

 input {
   width: 100%;
   padding: 10px;
   margin-bottom: 15px;
   border-radius: 5px;
   border: 1px solid #ccc;
   font-size: 16px;
 }

 button {
   width: 100%;
   padding: 12px;
   background-color: #0066cc;
   color: white;
   border: none;
   border-radius: 5px;
   font-size: 16px;
   cursor: pointer;
 }

 button:hover {
   background-color: #005bb5;
}