body {
   font-family: 'Mulish', sans-serif;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
   background-color: #09304e;
   margin: 0;
 }
 
 .container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
 }
 
 .login-box {
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.05);
   width: 444px;
   max-width: 100%;
   padding: 50px;
   text-align: center;
 }
 
 .welcome-message span {
   font-weight: 400;
   color: rgba(49, 48, 48, 1);
 }
 
 .error-message {
   color: red;
 }
 
 form {
   display: flex;
   flex-direction: column;
 }
 
 label {
   margin-top: 20px;
   font-weight: 500;
 }
 
 input[type="text"], input[type="password"] {
   margin-top: 10px;
   padding: 10px;
   border-radius: 6px;
   border: 1px solid rgba(49, 48, 48, 1);
 }
 
 input[type="submit"] {
   margin-top: 20px;
   padding: 10px;
   background-color: #f1dfb5;
   border: none;
   border-radius: 20px;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 2.16px;
   cursor: pointer;
 }
 
 input[type="submit"]:hover {
   background-color: #e1cf95;
 }