* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

html {
scroll-behavior: smooth;
}

body {
font-family: "Poppins", sans-serif;
background: #fff5f8;
color: #4a3039;
}

/* TELA INICIAL */

.inicio {
height: 100vh;

```
display: flex;
justify-content: center;
align-items: center;

text-align: center;

background: linear-gradient(135deg, #ffc1d6, #ffe4ec);

padding: 20px;
```

}

.conteudo {
animation: aparecer 1s ease;
}

.emoji {
font-size: 80px;
margin-bottom: 20px;
}

.inicio h1,
.inicio h2,
.secao h2,
.final h1 {
font-family: "Dancing Script", cursive;
}

.inicio h1 {
font-size: 65px;
}

.inicio h2 {
font-size: 50px;
color: #d14b76;
margin-bottom: 25px;
}

/* BOTÕES */

button {
border: none;
background: #d14b76;
color: white;

```
padding: 14px 28px;
border-radius: 30px;

font-size: 16px;
cursor: pointer;

transition: 0.3s;
```

}

button:hover {
transform: scale(1.05);
}

/* SEÇÕES */

.secao {
max-width: 1000px;

```
margin: auto;

padding: 90px 20px;

text-align: center;
```

}

.secao h2 {
font-size: 50px;
color: #d14b76;

```
margin-bottom: 30px;
```

}

/* MENSAGEM */

.cartao {
background: white;

```
max-width: 700px;

margin: auto;

padding: 40px;

border-radius: 20px;

text-align: left;

box-shadow: 0 10px 30px rgba(0,0,0,0.08);
```

}

.cartao p {
margin-bottom: 18px;
line-height: 1.8;
}

/* GALERIA */

.galeria {
display: flex;

```
justify-content: center;

gap: 20px;

flex-wrap: wrap;
```

}

.galeria img {
width: 280px;
height: 350px;

```
object-fit: cover;

border-radius: 20px;

transition: 0.3s;
```

}

.galeria img:hover {
transform: translateY(-8px);
}

/* SURPRESA */

.surpresa {
background: #ffe4ec;

```
border-radius: 30px;

margin-top: 30px;
```

}

.surpresa p {
margin-bottom: 25px;
}

#mensagemSurpresa {
display: none;

```
background: white;

max-width: 600px;

margin: 30px auto;

padding: 30px;

border-radius: 20px;

animation: aparecer 0.5s ease;
```

}

#mensagemSurpresa h3 {
color: #d14b76;
font-size: 25px;

margin-bottom: 15px;


}

/* FINAL */

.final {
min-height: 60vh;


display: flex;

flex-direction: column;

justify-content: center;
align-items: center;

text-align: center;

padding: 50px 20px;

background: #f7b6cb;


}

.final h1 {
font-size: 65px;

margin-bottom: 20px;


}

.final p {
margin-bottom: 10px;
}

.final div {
font-size: 35px;

margin-top: 30px;


}

/* ANIMAÇÃO */

@keyframes aparecer {

from {
    opacity: 0;
    transform: translateY(20px);
}

to {
    opacity: 1;
    transform: translateY(0);
}

}

/* CELULAR */

@media (max-width: 600px) {

.inicio h1 {
    font-size: 45px;
}

.inicio h2 {
    font-size: 38px;
}

.secao h2 {
    font-size: 40px;
}

.galeria img {
    width: 100%;
    max-width: 350px;
}

.final h1 {
    font-size: 45px;
}

}