body {
            background-color: #c4d9ee;
        }
        .wrapper {
            max-width: 400px;
            margin: 50px auto;
            padding: 30px;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.6);
        }

header {
            background-color: #343a40; /* A dark gray background */
            color: #f8f9fa; /* Light text color for contrast */
            border-bottom: 1px solid #495057; /* A subtle top border */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
        }
        .card-img-top {
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.4);
        }
        .form-control, .btn-outline-secondary{
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.2);
        }
footer {
            background-color: #343a40; /* A dark gray background */
            color: #f8f9fa; /* Light text color for contrast */
            border-top: 1px solid #495057; /* A subtle top border */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
        }