body{animation:gradient 15s ease infinite;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;overflow:hidden;transition:background .5s ease}.title-container{perspective:1000px;text-align:center}.logo-and-title-wrapper{display:grid;place-items:center;margin-bottom:4vmin;transform-style:preserve-3d;animation:sway 10s infinite ease-in-out}.logo,.title-3d{grid-column:1;grid-row:1}.logo{width:clamp(150px,40vmin,300px);opacity:1;transform:translateZ(-25px)}.title-3d{font-size:clamp(2rem,12vmin,10rem);font-weight:700;color:#fff;text-align:center;transform:translateZ(25px);text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}.menu-container{display:flex;flex-direction:column;align-items:center;gap:2vmin}.menu-button{background:#fff3;border:2px solid white;padding:1.5vmin 3vmin;font-size:clamp(1rem,3vmin,1.8rem);border-radius:10vmin;cursor:pointer;transition:all .3s ease;width:clamp(200px,40vmin,300px);text-align:center;text-decoration:none}.menu-button:hover{background:#fff;color:#000;transform:scale(1.05)}@keyframes sway{0%{transform:rotateY(20deg)}50%{transform:rotateY(-20deg)}to{transform:rotateY(20deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes nebula-animation{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}