body{
margin:0;
font-family:'Playfair Display',serif;
text-align:center;
background:#fff7f7;
color:#5a2a2a;
}

.hero{
height:100vh;
background:url("https://images.unsplash.com/photo-1519741497674-611481863552");
background-size:cover;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
}

.hero h1{
font-family:'Great Vibes';
font-size:80px;
}

button{
padding:12px 25px;
background:maroon;
color:white;
border:none;
border-radius:25px;
cursor:pointer;
}

.section{
padding:80px 20px;
}

.light{
background:#fff0f0;
}

.couple{
display:flex;
justify-content:center;
gap:40px;
}

.card{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 5px 10px rgba(0,0,0,0.1);
}

#countdown{
font-size:40px;
color:maroon;
}

.verse{
font-style:italic;
}

iframe{
width:80%;
height:350px;
border:0;
border-radius:10px;
}

.whatsapp{
background:#25D366;
color:white;
padding:15px 25px;
border-radius:25px;
text-decoration:none;
}

footer{
background:maroon;
color:white;
padding:40px;
}

/* petals */

.petal{
position:fixed;
top:-40px;
width:30px;
animation:fall linear infinite;
}

@keyframes fall{

0%{transform:translateY(0)}

100%{transform:translateY(100vh)}

}

/* scratch */

#scratch{
width:300px;
height:100px;
background:silver;
margin:auto;
}

.hidden-date{
position:absolute;
left:0;
right:0;
margin-top:-80px;
}