body {
    display: flex;
    flex-direction: column; /* Stack header, content, and footer vertically */
    min-height: 100vh; /* Ensure body takes up the full height of the viewport */
    margin: 0;
    font-family: Arial, sans-serif;
    margin: 0;
    /* padding: 20px; */
    background: linear-gradient(to bottom, hsl(214, 41%, 51%), #1e3f69) fixed;
    color: #ffffff;
    text-align: center;
  }

 /* Page Wrapper for Main Content */
.page-wrapper {
    flex: 1; /* Allow the wrapper to grow and take up available space */
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

/* Footer Styling */
footer {
    background-color: #3333332a; /* Match the navbar background */
    color: #ffffff; /* White text */
    text-align: center; /* Center-align the text */
    padding: 10px 0; /* Add vertical spacing */
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow at the top */
}

footer p {
    margin: 0;
    font-size: 0.9em; /* Slightly smaller text */
}
