body {
     font-family: Arial, sans-serif;
     width: 100%;
     /*justify-content: center;*/
     padding-top: 40px;
     height: 100vh;
     margin: 0 auto;
     background-color: rgba(21,31,70, 0.7);
     background-blend-mode: darken;
     background-image: url(../images/hero/upload_bg.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
 }

 #content {
     width: 960px;
     margin: 0 auto;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 h1 {
     color: #204199;
 }

 .logo {
     padding-bottom: 40px;
 }

 .text {
     width: 700px;
     font-size: 19px;
     margin: 0 auto;
     padding-bottom: 25px;
 }

 .upload-container {
     border: 2px dashed #204199;
     border-radius: 10px;
     width: 400px;
     height: 200px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #fff;
     color: #204199;
     font-size: 18px;
     text-align: center;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 .upload-container.hover {
     background-color: #e0e0e0;
 }

 .submit-btn {
     margin-top: 20px;
     padding: 10px 20px;
     background-color: #f6921e;
     color: #fff;
     border: none;
     border-radius: 5px;
     font-size: 16px;
     cursor: pointer;
 }

 .submit-btn:disabled {
     background-color: #f9c487;
     cursor: not-allowed;
 }

 .message {
     margin-top: 20px;
     font-size: 16px;
     color: #28a745;
 }

 .error {
     color: #dc3545;
 }