body{
margin:0;
font-family:'Quicksand', sans-serif;
background:
linear-gradient(90deg,#ffdce5 50%, transparent 50%),
linear-gradient(#ffeaa6 50%, transparent 50%);
background-size:40px 40px;
color:#5b4444;
overflow-x:hidden;
}

/* 🌸 UNIVERSO SCROLL */
.world{
min-height:100vh;
padding:60px 20px;
display:flex;
justify-content:center;
}

/* 🧁 CARDS VIVAS */
.card{
width:900px;
background:rgba(255,255,255,0.85);
border-radius:25px;
border:4px dashed #f1c3b3;
box-shadow:10px 10px 0px #fce8d0;
padding:25px;
margin:20px auto;
transition:0.4s;
}

.card:hover{
transform:scale(1.02) rotate(-0.5deg);
}

/* 🍯 TITULOS */
.title{
font-family:'Pacifico';
font-size:90px;
text-align:center;
margin:0;
}

.honey{color:#f6c453;}
.nana{color:#e79897;}

/* 🦆 FLOATING STICKERS */
.float{
position:fixed;
font-size:28px;
animation:floaty 6s infinite ease-in-out;
opacity:0.7;
}

@keyframes floaty{
0%{transform:translateY(0);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0);}
}

/* 🍰 RECIPES ORBS */
.orb-container{
display:flex;
flex-wrap:wrap;
gap:15px;
justify-content:center;
}

.orb{
width:130px;
height:130px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:10px;
background:#fff3b0;
border:4px dashed #f6c453;
transition:0.3s;
}

.orb:hover{
transform:scale(1.1);
}

.orb.pink{
background:#ffe0ea;
border-color:#e79897;
}

/* 🎀 NAV */
nav{
position:sticky;
top:0;
background:white;
padding:10px;
display:flex;
justify-content:center;
gap:10px;
z-index:10;
}

nav button{
padding:10px 15px;
border:none;
border-radius:15px;
background:#f1c3b3;
color:white;
cursor:pointer;
}