body{
margin:0;
padding:0;
background: url('https://files.catbox.moe/xo61u3.jpeg');
cursor: url('https://cdn.cursors-4u.net/previews/heart-chat-bubble-97dd6d06-32.webp'), auto;
font-family:'Quicksand',sans-serif;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}

.container{
display:flex;
gap:30px;
}

.left-column{
display:flex;
flex-direction:column;
gap:20px;
}

.right-column{
display:flex;
}

.box{
background:white;
border:2px solid #f4a9c3;
border-radius:18px;
padding:20px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

.image-box{
width:200px;
display:flex;
justify-content:center;
align-items:center;
}

.image-box img{
max-width:100%;
border-radius:12px;
}

.nav-box{
width:200px;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
text-align:center;
}

.nav-box a{
background:#fce4ec;
padding:6px;
border-radius:12px;
text-decoration:none;
color:#d86b9c;
font-weight:600;
font-family:'Fredoka',cursive;
transition:0.3s;
}

.nav-box a:hover{
background:#ffd6e5;
transform:scale(1.05);
}

.info-box{
width:200px;
font-size:13px;
color:#6b4b5a;
}

.info-box h3{
margin-top:0;
font-family:'Fredoka',cursive;
color:#d86b9c;
text-align:center;
}

.welcome-box{
width:400px;
font-size:14px;
color:#6b4b5a;
line-height:1.6;
}

.welcome-box h2{
text-align:right;
margin-top:0;
font-family:'Fredoka',cursive;
color:#d86b9c;
}
.fade-in{
opacity:0;
transform:translateY(20px);
transition:opacity 0.6s ease,transform 0.6s ease;
}

.fade-in.show{
opacity:1;
transform:translateY(0);
}