@import url("https://fonts.googleapis.com/css2?family=Lilita+One&display=swap");.main-page-holder{position:relative;overflow-y:auto;overflow-x:hidden;padding-left:0;padding-right:0;transition-duration:.3s}@media (min-width:640px){.main-page-holder{padding-left:1.25rem;padding-right:1.25rem}}.main-page{position:relative;margin:2rem 1.25rem 1.25rem}.main-page,.main-page .card{display:flex;flex-direction:column;align-items:center}.main-page .card{z-index:40;width:100%;flex-wrap:wrap;gap:.5rem;border-radius:.5rem;background-color:rgb(241 245 249/var(--tw-bg-opacity));--tw-bg-opacity:0.5;padding:9rem 2.5rem;--tw-backdrop-blur:blur(64px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)}.main-page .card .title{display:flex;align-items:center;gap:.75rem}.main-page .card h1{display:flex;flex-wrap:wrap;font-size:2.25rem;line-height:2.5rem;transition-duration:.3s}@media (min-width:640px){.main-page .card h1{font-size:3.75rem;line-height:1}}.main-page .card h1{font-family:Lilita One,sans-serif}.main-page .card .title .logo{height:5rem;width:5rem;user-select:none;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:2px}.main-page .card h2{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.main-page .card h2 .wrap{display:flex;align-items:center;gap:.25rem;--tw-bg-opacity:1;padding-left:.25rem;padding-right:.25rem;--tw-backdrop-blur:blur(24px)}.main-page .card h2 .wrap,.main-page .card-num{border-radius:.5rem;background-color:rgb(255 255 255/var(--tw-bg-opacity));backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.main-page .card-num{margin-bottom:2.5rem;margin-top:-5rem;width:91.666667%;max-width:42rem;--tw-bg-opacity:0.2;padding:.75rem;--tw-backdrop-blur:blur(12px);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);z-index:50}.main-page .card-num ul{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.5rem}.main-page .card-num ul li{width:auto;flex-direction:column;align-items:center;padding:.5rem;flex-grow:1;display:flex;border-right:1px dashed #000}.main-page .card-num ul li:last-child{border-right:none}.main-page .card-num svg{margin-top:.25rem;margin-bottom:.5rem;height:2rem;width:2rem}.main-page .card-num h3{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.main-page .card-num p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.main-page-holder .ball{position:absolute;top:2.5rem;left:25%;z-index:-10;width:25%;min-width:14rem;border-radius:9999px;--tw-blur:blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);aspect-ratio:1/1}.main-page .ball-1{background-color:#53d2dc;animation:moveBall 5s ease-in-out infinite alternate-reverse}.main-page .ball-2{top:11rem;width:16.666667%;left:45%;animation:moveBall2 5s ease-in-out infinite alternate-reverse;background-color:#ffe383}.main-page .ball-3{top:7rem;width:16.666667%;left:50%;animation:moveBall3 5s ease-in-out infinite alternate-reverse;background-color:#4f8fc0}@media screen and (max-width:600px){.main-page .ball-1{left:10%}}.main-page .astro{position:absolute;top:0;left:1.25rem;width:5rem;transition-duration:.3s}@media (min-width:640px){.main-page .astro{left:-1.25rem}}.main-page .astro{transform:rotate(-25deg);filter:drop-shadow(5px 10px 20px rgba(0,0,0,.5));z-index:40}.main-page-holder .planet-track-holder{position:absolute;bottom:8rem;right:-7rem;transition-duration:.3s}@media (min-width:640px){.main-page-holder .planet-track-holder{bottom:8rem;right:-3.5rem}}@media (min-width:1280px){.main-page-holder .planet-track-holder{right:-3.5rem}}@media (min-width:1536px){.main-page-holder .planet-track-holder{right:-7rem}}.main-page-holder .planet-track-holder{z-index:48}.main-page-holder .planet-track{height:11rem;width:11rem;border-radius:9999px;border:2px dashed #4f8fc0;position:relative}.main-page-holder .planet{height:2.5rem;width:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:orbit 10s linear infinite;transform-origin:22px 22px}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0deg) translateY(-88px)}25%{transform:translate(-50%,-50%) rotate(90deg) translateY(-88px)}75%{transform:translate(-50%,-50%) rotate(270deg) translateY(-88px)}to{transform:translate(-50%,-50%) rotate(1turn) translateY(-88px)}}@keyframes moveBall{50%{left:20%;top:1.5rem}}@keyframes moveBall2{50%{left:40%;top:10rem;width:8.333333%}}@keyframes moveBall3{50%{left:55%;top:9rem}}.menu-bar-holder{position:fixed;top:.25rem;z-index:50;height:0;width:100%;flex-direction:column}.menu-bar,.menu-bar-holder{display:flex;align-items:center}.menu-bar{width:83.333333%;max-width:72rem;justify-content:space-between;border-radius:.375rem;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:0.4;padding:.5rem;--tw-backdrop-blur:blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.3s}@media (min-width:1024px){.menu-bar{width:66.666667%}}.menu-bar{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.left-menu-bar{display:flex;align-items:center;gap:.75rem}.menu-bar-logo{height:2rem;width:2rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:2px}.menu-bar-links{display:flex;gap:.5rem}.menu-bar-links a{border-radius:.375rem;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:0.2;padding:.25rem .5rem;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.2s}.menu-bar-links a:hover{--tw-bg-opacity:0.5}.menu-bar button{display:flex;align-items:center;gap:.25rem;overflow:hidden;border-radius:9999px;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity:0.2;padding:.25rem .5rem .25rem .25rem;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.2s;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.menu-bar button:hover{--tw-bg-opacity:0.5}.menu-bar button svg{height:1.5rem;width:1.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:2px}