#space-page-menu-btn{width:45px;height:50px;background:var(--color-5);border:none;cursor:pointer;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);position:fixed;top:25px;right:30px;box-shadow:1px 1px 4px #000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:110}#space-page-menu-btn .bar{width:50%;height:4px;border-radius:4px;background-color:var(--color-2)}@media screen and (max-width: 1650px){#space-page-menu-btn{display:flex}}#space-page-menu{width:250px;border-radius:2rem;box-sizing:border-box;padding:25px;position:fixed;top:50%;transform:translateY(-50%);left:25px;background-color:var(--color-5);z-index:110}#space-page-menu .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#space-page-menu button.button-icon{outline:none;padding:0;border:none}#space-page-menu .top{width:100%;display:none;justify-content:flex-end}#space-page-menu .top button{width:30px;height:30px;color:var(--color-2);background-color:var(--color-5)}#space-page-menu .top button svg path{fill:var(--color-2)}#space-page-menu .options{width:100%;box-sizing:border-box;padding:10px;display:grid;gap:10px;justify-content:center;grid-template-columns:repeat(auto-fill, 40px)}#space-page-menu .options button.button-icon,#space-page-menu .options a.button-icon{width:40px;height:40px;color:var(--color-2);background-color:var(--color-5);border:1px solid var(--color-2);border-radius:1rem}#space-page-menu .options button.button-icon:hover,#space-page-menu .options a.button-icon:hover{background-color:var(--color-1);border:1px solid var(--color-5)}#space-page-menu .options button.button-icon svg,#space-page-menu .options a.button-icon svg{width:20px;height:20px}#space-page-menu .options button.button-icon svg path,#space-page-menu .options a.button-icon svg path{fill:var(--color-2)}#space-page-menu .i-home{width:100%;display:flex;gap:25px;align-items:center;height:50px;box-sizing:border-box;padding:0 25px;color:var(--color-2);border-radius:25px;margin-top:25px;border:1px solid var(--color-2)}#space-page-menu .i-home:hover{background-color:var(--color-2);color:var(--color-1)}#space-page-menu .i-home img{width:40px;height:40px}#space-page-menu .i-home .app{flex:1;font-size:1.3rem}#space-page-menu ul{list-style:none;padding:0}#space-page-menu ul a{display:inline-flex;box-sizing:border-box;padding:10px 25px;color:var(--color-2);border-radius:19px;margin-top:10px}#space-page-menu ul a:hover,#space-page-menu ul a.active{background-color:var(--color-2);color:var(--color-1)}@media screen and (max-width: 1650px){#space-page-menu{left:35px;box-shadow:1px 1px 4px #000;display:none}#space-page-menu.visible{display:block}#space-page-menu .top{display:flex}}#page-content{width:100%;max-width:1000px;margin:0 auto;display:flex;gap:25px;position:relative;padding:0}
#home{width:100%}#home .moto{width:100%;margin:100px auto 0 auto;max-width:700px}#home .moto h3{font-size:1.5em}#home .moto p{font-size:1.1rem;margin-top:25px}#home .moto ul{margin-top:10px}#home .moto ul li{font-size:1.1rem}#home .moto blockquote{font-style:italic;border-left:3px solid var(--color-10);box-sizing:border-box;padding-left:1rem;margin:1rem 0;display:block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}#home .features{width:100%;max-width:1000px;margin:auto;display:flex;flex-wrap:wrap;gap:25px;box-sizing:border-box;padding:10px}#home .features .feature{flex:1;min-width:300px;max-width:400px;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box}#home .features .feature .icon-label{display:flex;align-items:center;gap:25px}#home .features .feature .icon-label svg{width:40px;height:40px}#home .features .feature .icon-label svg path{fill:var(--color-10)}#home .features .feature .icon-label h3{font-size:1.3rem}#home .features .feature p{font-size:1.1rem;margin-top:25px}#home .info{width:100%;max-width:1000px;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#home .info .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#home .info .content{margin-top:25px}#home .info .content .text{max-width:700px}#home .info .content .text h2{font-size:1.5rem;margin-bottom:25px}#home .info .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#home .info .frame{width:100%;height:50vw}}#home .monetization{width:100%;max-width:1000px;margin:50px auto 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:25px;box-sizing:border-box;padding:10px}#home .monetization .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#home .monetization .content{flex:1;min-width:400px;margin-top:25px}#home .monetization .content .text{max-width:700px}#home .monetization .content .text h2{font-size:1.5rem;margin-bottom:25px}#home .monetization .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#home .monetization .frame{width:100%;height:50vw}}