body {
            background-color: #1a237e; /* Dark blue background color */
            color: #ffffff; /* White text color */
        }
        .login-container {
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            background-color: #303f9f; /* Slightly lighter blue for the login container */
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
        .login-container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        .form-control {
            background-color: #3f51b5; /* Darker blue for input fields */
            color: #ffffff;
        }
        .btn-primary {
            background-color: #1a237e; /* Dark blue for the login button */
            border-color: #1a237e;
        }
        .btn-primary:hover {
            background-color: #0d47a1; /* Slightly darker blue on hover */
            border-color: #0d47a1;
        }