/* ... (Your existing CSS) ... */
body, html {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif !important;
    background: linear-gradient(135deg, #1e3c72, #2a5298) !important;
    color: white !important;
 }
/* Login Styles */
.main-content {
    /* background-color: #2c3e50; Dark blue background */
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px; /* Add some top margin */
    max-width: 400px; /* Adjust width as needed */
    margin: 50px auto; /* Center the form with top/bottom margin */
}

.main-content h2 {
    color: white; /* White text for the heading */
    text-align: center;
    margin-bottom: 20px;
}

.main-content .form-label {
    color: white; /* White text for labels */
}

.main-content .form-control {
    background-color: white; /* White background for input */
    border: 1px solid #ccc;
    border-radius: 4px;
}

.main-content .btn-primary {
    background-color: #3498db; /* Blue button */
    border: none;
}

.main-content .btn-primary:hover {
    background-color: #2980b9; /* Slightly darker blue on hover */
}

.main-content #errorMessage {
    font-size: 14px;
}

/* ... (Your other CSS) ... */