/* Basic CSS Reset and Styling */
body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Important for vertical centering within the full viewport */
    font-family: Arial, Helvetica, sans-serif;
}

/* Flexbox container to center the content */
.landing-container {
    display: flex;
    justify-content: center; /* Horizontally center the content */
    align-items: center; /* Vertically center the content */
    height: 100vh; /* Use 100% of the viewport height */
    text-align: center; /* Center text within the content box */
    padding: 20px; /* Add some padding on the sides for small screens */
}

/* Styling for the content area */
.content-box {
    max-width: 600px; /* Limit the width of the content */
    padding: 40px;
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}