@import"https://fonts.googleapis.com/css2?family=My+Soul&display=swap";@import"https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=My+Soul&display=swap";body{margin:0;padding:0;font-family:Georgia,serif;background:linear-gradient(#06042c,#4c0233);color:#fff;overflow:hidden}.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;max-height:100vh;text-align:center;padding-top:2rem;gap:1.5rem;overflow:hidden;background:linear-gradient(#06042c,#4c0233)}.title{font-size:7.5rem;font-family:My Soul,cursive;margin-bottom:0rem;margin-left:0rem;text-align:left;margin-top:0rem;z-index:3;position:relative}.constellation-container{display:flex;justify-content:center;align-items:center;width:100%}.svg-wheel{position:relative;width:90rem;height:auto;margin:0 auto;display:flex;justify-content:center;align-items:center}.wheel{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .7s cubic-bezier(.4,0,.2,1);pointer-events:none}.wheel-front{opacity:1;z-index:2}.ursa-major,.orion,.cassiopeia,.andromeda{opacity:0;z-index:1}.svg-wheel:hover .wheel-front{opacity:0}.svg-wheel:hover .orion,.svg-wheel:hover .ursa-major,.svg-wheel:hover .cassiopeia,.svg-wheel:hover .andromeda{opacity:1}.nav button.active{color:#fffbe2!important;background:#ffd7001a;box-shadow:0 0 10px #ffd7004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.svg-wheel svg{width:100%;height:100%;display:block;margin:0 auto}.svg-wheel svg g{pointer-events:all}.constellation-bg{margin:0;margin-top:2rem;padding:0;font-family:Georgia,serif;background:linear-gradient(180deg,#190a3b,#7b4b6b);color:#fff;min-height:100vh;overflow:hidden;position:relative}.constellation-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent),radial-gradient(1px 1px at 200px 60px,#fff,transparent),radial-gradient(2px 2px at 300px 20px,#fff,transparent),radial-gradient(1px 1px at 350px 90px,#fff,transparent),radial-gradient(1px 1px at 400px 40px,#fff,transparent),radial-gradient(2px 2px at 450px 70px,#fff,transparent);background-repeat:repeat;background-size:500px 100px;animation:twinkle 4s ease-in-out infinite alternate;pointer-events:none;z-index:1}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.constellation-title{font-size:7.5rem;font-family:My Soul,cursive;margin-bottom:1rem;margin-left:8rem;text-align:left;margin-top:0rem;z-index:3;position:relative;cursor:pointer}.nav-bg{background:#ffffff0a;border-radius:2.5rem;padding:.5rem 1.5rem;display:flex;justify-content:center;width:fit-content;margin:0 auto 1rem;z-index:3;position:relative}.nav{display:flex;gap:10rem;z-index:3}.nav button{background:transparent;border:none;color:#fff;font-size:1.3rem;font-family:Livvic,sans-serif;padding:.5rem;border-radius:1rem;cursor:pointer;transition:color .2s}.nav button:hover{color:#ffd6ff;background:transparent}.nav button.active{color:#ffd6ff;border:1px solid rgba(255,255,255,.3)}.nav-glow{color:#ffd6ff!important}.constellation-content{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:2rem 3rem;position:relative;z-index:2;min-height:60vh;transform:translateY(-25rem);margin-right:50rem}.constellation-display{display:flex;align-items:center;justify-content:center;height:100%;position:relative}.constellation-svg{max-width:200rem;width:100%;height:auto;transform-origin:center center;position:relative;transform:translate(35rem) translateY(36rem) scale(2.5);opacity:1}.constellation-svg svg{width:100%!important;height:auto!important;transform-origin:center center}.constellation-svg.active{opacity:1;z-index:5}@media (max-width: 768px){.constellation-content{flex-direction:column;text-align:center;padding:0 1rem;transform:translateY(0);margin-right:0}.nav{flex-wrap:wrap;gap:1rem}.constellation-title{font-size:3rem;margin-left:0;text-align:center}.constellation-svg{max-width:100%;transform:scale(.9)}}.mythology-button{position:absolute;bottom:25%;right:25.5%;cursor:pointer;z-index:6;width:13%;background:#36235a;font-family:livvic,sans-serif;font-style:italic;text-decoration:underline;border-radius:0;color:#fff;font-weight:250}.mythology-button:hover{background:#4a2f7c;color:#fff;font-size:15px;border-color:#4a2f7c}.btn-modal{padding:10px 20px;display:block;margin:100px auto 0;font-size:18px}.modal,.overlay{width:100vw;height:100vh;inset:0;position:fixed;opacity:0;pointer-events:none;z-index:6}.overlay{background:#171717cc;color:#171717cc}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.4;background:#181c25;padding:0;border-radius:3px;width:63vw;height:65vh;opacity:1;z-index:6}.close-modal{position:absolute;top:10px;right:10px;padding:5px 7px;cursor:pointer}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100vh;width:100vw}h1{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.start-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden}.start-title{font-size:5rem;margin:0;font-family:My Soul,cursive;z-index:2;position:relative;opacity:0}.start-button{background:#524f71;border:none;color:#b3b3b3;font-size:1.5rem;padding:.5rem 1.5rem;border-radius:0rem;cursor:pointer;z-index:2;font-family:Livvic;font-weight:300;font-style:Light;font-size:24px;opacity:0}.start-button:hover{background:#6a6789;color:#fff;font-size:27px;transition:all .3s ease-in-out}.background-stars-glow{animation:starGlow 3s infinite}.bg-wheel{position:absolute;top:50%;left:50%;width:90%;height:90%;z-index:1;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.andromeda,.cannis-major,.ursa-major,.orion,.cassiopeia{animation:starGlow 3s infinite;position:absolute;height:12vw;width:auto;opacity:0;z-index:2}.andromeda{top:2vw;left:42vw}.orion{top:15vw;left:22vw}.cannis-major{top:15vw;right:22vw}.cassiopeia{bottom:4vw;left:28vw}.ursa-major{bottom:4vw;right:28vw}.loading-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden}.loading-title{animation:starGlow 3s infinite;font-size:6vw;margin:0;font-family:My Soul,cursive;z-index:2;position:absolute;top:58%;left:40%}.loading-stars-glow{animation:starGlow 3s infinite}@keyframes starGlow{0%,to{filter:drop-shadow(0 0 0px #fff) brightness(1)}50%{filter:drop-shadow(0 0 10px #fff) brightness(1.2)}to{filter:drop-shadow(0 0 0px #fff) brightness(1)}}.loading-andromeda,.loading-cannis-major,.loading-ursa-major,.loading-orion,.loading-cassiopeia{position:absolute;filter:drop-shadow(0 0 12px #fff) brightness(1.5);bottom:48%;left:39%;height:16vw;width:auto;opacity:0;z-index:2}.loading-cannis-major{left:44%}.loading-cassiopeia{left:38%}.loading-orion{left:40%}.loading-ursa-major{height:20vw;bottom:46%;left:34%}