@font-face {
    font-family: 'IranNastaliq';
    src: url('font/IranNastaliq.eot'); /* مسیر به فایل فونت */
    src: url('font/IranNastaliq.eot?#iefix') format('embedded-opentype'),
         url('font/IranNastaliq.woff2') format('woff2'),
         url('font/IranNastaliq.woff') format('woff'),
         url('./IranNastaliq.v2.0_YasDL.com.ttf') format('truetype');
}

body {
    background-image: url('wedding-image3.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'IranNastaliq', serif;
    min-height: 100vh;
    direction: rtl;
    word-spacing: 0.5em;

}
.wedding-container {
	margin: 20px auto;
	width: fit-content;
}
label{
    word-spacing: 0.2em;
}
input{
    font-size: 8px;
}
.frame {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 40px;
    backdrop-filter: blur(2px);
    border-radius: 270px 270px 0 0;
}

.content-wrapper {
    text-align: center;
    padding: 0 2px;
	max-width: 400px;
	margin: auto;
}

.elegant-title {
    font-size: 20px;
    color: black;
	margin-top: 0;
    margin-bottom: 70px;
}

.couple-names {
    font-size: 3rem;
    color: black;
	margin-top: 0;
    margin-bottom: 60px;
}

.wedding-date {
    font-size: 25px;
    color: black;
    margin-bottom: 30px;
}

.divider {
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, transparent, black, transparent);
    margin: 30px auto;
}

.quote {
    font-size: 1.5rem;
	font-weight: 500;
    color: black;
    line-height: 1.8;
    margin-bottom: 20px;
}

.details-box {
    padding: 25px;
    margin-top: 30px;
}

.invitation-text {
    font-size: 1.2rem;
	font-weight: 500;
    color: black;
    line-height: 1.8;
	margin-bottom: 20px;
}

/* Animations */
.fade-in {
    opacity: 0;
    animation: fadeIn 6000ms ease-in forwards;
}

.slide-up1 {
    opacity: 0;
    animation: slideUp 500ms ease-out forwards 200ms;
}

.slide-up2 {
    opacity: 0;
    animation: slideUp 500ms ease-out forwards 400ms;
}

.slide-up3 {
    opacity: 0;
    animation: slideUp 500ms ease-out forwards 600ms;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .elegant-title {
        font-size: 1rem;
    }
    
    .couple-names {
        font-size: 2.5rem;
    }
    
    .frame {
        padding: 20px;
    }
}
/* ---------------------------------------- */
a{
    font-weight: 500;
    color: black;
    line-height: 1.8;
    text-decoration: none;
}
.divider {
    width: 2px; /* عرض خط */
    height: 50px; /* ارتفاع خط */
    background-color: black; /* رنگ خط */
    margin: 0 auto; /* وسط‌چین کردن خط */
}