html, body {
            height: 100%;  /* Ensure full height of the viewport */
            margin: 0;
        }
        .container {
			flex-grow: 1;  /* Allow the container to take up all available space */
            display: flex;
            flex-direction: column;
            justify-content: center;  /* Center vertically */
            align-items: center;  /* Center horizontally */
            text-align: center;  /* Center text alignment */
        }
        .footer {
            position: relative;
            bottom: 0;
            width: 100%;
            line-height: 60px; /* Height of the footer */
            background-color: #fff;
        }
        .footer a {
            text-decoration: none;  /* Removes underline from links */
            color: inherit;  /* Keeps the text color consistent with the rest of the footer */
        }
        .footer a:hover {
            color: #007bff;  /* Changes the color to bootstrap's primary blue on hover */
        }