body{
margin:0;
background:#fff6f9;
cursor: url('https://cdn.cursors-4u.net/css-previews/lucky-charms-clover-04406806-css.webp'), auto;
background-image:radial-gradient(#ffd6e8 1px, transparent 1px);
background-size:20px 20px;
font-family:'Quicksand', sans-serif;
opacity:0;
transition:opacity 1s ease;
}

body.loaded{
opacity:1;
}

.page{
width:1000px;
margin:40px auto;
}

.topnav{
background:white;
border:2px solid #f7c6d9;
padding:12px;
display:flex;
justify-content:center;
gap:40px;
border-radius:10px;
font-size:14px;
box-shadow:0 0 10px rgba(255,182,193,0.3);
}

.topnav a{
text-decoration:none;
color:#d47fa6;
font-weight:600;
transition:0.3s;
}

.topnav a:hover{
color:#ff6fa5;
text-shadow:0 0 5px #ffc2da;
}

.content{
display:flex;
margin-top:25px;
gap:25px;
}

.sidebar{
width:250px;
background:white;
border:2px solid #f7c6d9;
border-radius:12px;
padding:20px;
box-shadow:0 0 12px rgba(255,182,193,0.2);
}

.profile-pic img{
width:100%;
border-radius:10px;
border:2px solid #ffd6e8;
}

.info-block{
margin-top:15px;
background:#fff0f6;
padding:10px;
border-radius:8px;
border:1px solid #ffd6e8;
}

.info-block h3{
margin:0;
font-size:14px;
color:#d47fa6;
cursor:pointer;
}

.info-block p{
margin:8px 0;
font-size:13px;
color:#8c5f72;
}

.dropdown-content{
display:none;
margin-top:8px;
}

.dropdown-content.open{
display:block;
}

.dropdown-content a{
display:block;
text-decoration:none;
font-size:13px;
color:#c87099;
margin:4px 0;
transition:0.3s;
}

.dropdown-content a:hover{
color:#ff6fa5;
}

.cute-image{
margin-top:15px;
text-align:center;
}

.cute-image img{
width:100%;
}

.subscribe{
margin-top:15px;
text-align:center;
padding:8px;
background:#ffe3ef;
border-radius:8px;
font-size:13px;
color:#b56c8c;
border:1px solid #f7c6d9;
cursor:pointer;
transition:0.3s;
}

.subscribe:hover{
background:#ffd6e8;
}

.posts{
flex:1;
}

.post{
background:white;
border:2px solid #f7c6d9;
border-radius:12px;
padding:15px;
margin-bottom:15px;
box-shadow:0 0 10px rgba(255,182,193,0.15);
transition:0.3s ease;
}

.meta{
font-size:12px;
color:#d47fa6;
display:block;
margin-bottom:6px;
}

.post p{
margin:0;
font-size:14px;
color:#7c5a69;
}