body{
margin:0;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#ffd6e7,#ffe9b8);
font-family:"Comic Sans MS",cursive;
overflow:hidden;
}

.box{
background:white;
width:350px;
padding:40px;
border-radius:35px;
text-align:center;
box-shadow:0 20px 40px rgba(0,0,0,.15);
animation:show 1s ease;
}

h1{color:#ff6b9d;}
p{
color:#777;
font-size:18px;
line-height:1.6;
}

button{
background:#ff85ad;
color:white;
border:none;
padding:15px 30px;
border-radius:50px;
font-size:17px;
cursor:pointer;
transition:.3s;
}

button:hover{
transform:scale(1.1);
background:#ff4f8b;
}

.cake{
font-size:80px;
animation:bounce 1s infinite;
}

img{
width:200px;
height:200px;
border-radius:50%;
object-fit:cover;
}

@keyframes bounce{
50%{transform:translateY(-15px);}
}

@keyframes show{
from{opacity:0;transform:scale(.5);}
to{opacity:1;transform:scale(1);}
}
