body,
html {
    height: 100%;
    margin: 0;
    font-family: 'Georgia', serif;
}

.invitation-container {
    background: url('bg.jpg') no-repeat center center/cover;
    height: 100vh;
    position: relative;
}

/* Optional overlay blur */
.invitation-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(4px);
}

/* Content styling */
.content {
    position: relative;
    z-index: 2;
}

/* Initials */
.initials {
    font-size: 60px;
    color: #8b0000;
    font-weight: bold;
    border: 2px solid #8b0000;
    display: inline-block;
    padding: 15px 25px;
    border-radius: 50%;
    margin-bottom: 20px;
}

/* Names */
.names {
    color: #8b0000;
    font-size: 28px;
    margin-bottom: 30px;
    font-family: cursive;
}

/* Button */
.invitation-btn {
    background-color: #a00000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: bold;
    border: none;
}

.invitation-btn:hover {
    background-color: #7a0000;
}