body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Space Mono,monospace;font-weight:700;font-style:normal}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:#000}.container{display:none;flex-wrap:wrap;justify-content:center;gap:15px;overflow:hidden;max-height:0;opacity:0;transform:scaleY(.9);transition:all .5s cubic-bezier(.4,0,.2,1);background-color:#0009;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(28,25,25)}.container.show{max-height:500px;border-radius:12px;opacity:1;transform:scaleY(1)}.container h1{color:#fff;text-align:center;font-size:24px;margin-top:20px}.menuIcon{position:fixed;top:40px;left:40px;width:40px;height:40px;cursor:pointer;z-index:1000;align-items:center}h1[data-planet=Mercury]:hover{background:linear-gradient(90deg,#504e51,#97979f,#ceccd1,#b5a7a7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Venus]:hover{background:linear-gradient(90deg,#8b91a1,#bbb7ab,#ddd8d4,#efefef,#663926,#8e6a5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Earth]:hover{background:linear-gradient(90deg,#3b5d38,#8cb1de,#3b5d38,#3b5d38,#3c4258);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Mars]:hover{background:linear-gradient(90deg,#99857a,#c67b5c,#e27b58,#ff9d6f,#663926,#8e6a5a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;background-color:#ff460233;cursor:pointer;transition:all .3s ease}h1[data-planet=Jupiter]:hover{background:linear-gradient(90deg,#ebf3f6,#e3dccb,#d8ca9d,#a59186,#c99039);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Saturn]:hover{background:linear-gradient(90deg,#343e47,#7b7869,#a49b72,#c5ab6e,#c3a171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Uranus]:hover{background:linear-gradient(90deg,#d5fbfc,#bbe1e4,#93b8be,#65868b,#00ced1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}h1[data-planet=Neptune]:hover{background:linear-gradient(90deg,#212354,#3e54e8,#3e66f9,#6081ff,#89f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;cursor:pointer;transition:all .3s ease}@media (max-width: 600px){.container{display:flex;flex-direction:column}.container h1{gap:20px;font-size:13px}}