/* This styles the whole page */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f0f4f8; /* A light, soft background color */
    
    /* These three lines center the card vertically and horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Make the page at least the full height of the screen */
    margin: 0;
}

/* This styles the birthday card container */
.card {
    background-color: #ffffff; /* White card background */
    padding: 3rem 4rem;
    border-radius: 15px; /* Gives the card rounded corners */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */
    text-align: center;
}

/* This styles the main heading */
h1 {
    color: #2c3e50; /* A nice, dark blue color */
    font-size: 2.5rem; /* Makes the text large */
    margin-bottom: 0.5rem; /* Adds a little space below the heading */
}

/* This styles the smaller text */
p {
    color: #555; /* A dark grey color */
    font-size: 1.25rem;
    margin-top: 0;
}