body {
    background-color: #FFE5B4; /* soft peach */
    font-family: "Dancing Script", cursive;
}

h1, h2, h3 {
    color: #A2D2FF; /* soft blue */
    font-family: "Dancing Script", cursive;
}

body, p {
    color: #333; /* dark grey for better readability */
}

.centered-container {
    display: flex;
    flex-direction: column; /* Stack flex items vertically */
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
}

.main-title {
    /* Your existing styles, plus any margins you want between title and button */
    font-size: 5em; /* Adjust font size as needed */
    line-height: 1.2; /* Adjust line height as needed for better spacing */
    margin: 0 0 20px; /* Keep the title centered and add some bottom margin */
    font-family: 'Dancing Script', cursive; /* This is the font from Google Fonts */
    color: #A2D2FF; /* Example color: soft blue */
    text-align: center; /* Ensures text is centered horizontally */
}

#celebrateButton {
    /* Style your button as you wish */
    padding: 10px 20px;
    font-size: 1.2em;
    margin-top: 20px; /* Optional space above the button */
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #A2D2FF; /* Soft blue */
    color: #FFF;
}

#celebrateButton:hover {
    /* Style for hover state */
    background-color: #91C0FF;
}