/* 🌸 Page Background */
body {
    background-color: #FBF5E5; /* Soft Cream */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

/* 🌿 Center the Login Container */
.login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Be Vietnam Pro', sans-serif;
    max-width: 600px;
    width: 90%; /* Make it responsive */
    margin: auto;
}

/* 📜 Poem Styling */
.poem {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 600px;
    color: #212121; /* Deep Black for Strong Contrast */
}

/* 📜 Poem Text Styling */
.poem p {
    font-style: italic;
    margin: 5px 0;
}

/* Prevent Emoji from Being Italic */
.poem p span.emoji {
    font-style: normal;
}

/* ✨ More Contrasted Highlighted Last Lines */
.poem .highlight {
    font-weight: bold;
    font-style: italic;
    color: #A35C7A; /* Warm Mauve for Contrast */
    margin: 3px;
}

/* 🔘 Google Login Button Styling */
.inline-login {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-bottom: 2px;
}

/* 🟡 Google Sign-In Button Customization */
.g_id_signin {
    display: inline-block;
    transform: scale(1); /* Adjust size to blend naturally */
    vertical-align: middle;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .login-container {
        width: 95%; /* Take up more space on mobile */
        padding: 20px;
    }
}