body{
margin:0;
font-family:Georgia,serif;
background:
linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),
url('assets/background.png');
background-size:420px;
}
.page{display:none;min-height:100vh;justify-content:center;align-items:center;padding:40px}
.page.active{display:flex}
.card,.envelope{
background:white;
border-radius:20px;
padding:40px;
max-width:700px;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,.15)
}
button{
padding:12px 24px;
border:none;
border-radius:30px;
cursor:pointer;
background:#b45f78;
color:white;
margin-top:20px
}
.photos{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin:20px 0
}
.photos img{
width:100%;
aspect-ratio:1;
object-fit:cover;
border-radius:15px;
background:#eee
}
#bear{max-width:220px}
#typewriter{white-space:pre-line;line-height:1.8;text-align:left}