:root{--galaxyBackground:#060b16;--unstyledLinkColor:red;--linkColor:#fff;--linkHighlight:#0ff}a{color:var(--unstyledLinkColor,red);outline:none}a,a:active,a:link,a:visited{text-decoration:none}[hidden]{display:none!important}h1,h2{font-size:inherit}.app__root{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Kanit,sans-serif;font-size:18px;justify-content:center;line-height:1.25;margin:0 auto}.app__root,.app__root:before{background:var(--galaxyBackground,#000)}.app__root:before{content:"";inset:0;position:fixed;transition:background 3s linear}.app__root.app--isLoading:before{background:transparent}.app__root.app--isInitialized:before{content:none}.app__canvas{background:var(--galaxyBackground,#000);box-shadow:0 0 0 1px hsla(0,0%,100%,.125);left:50%;top:0;transform:translate(-50%);z-index:-1}.app__canvas,.app__canvasDimensions{height:100vh;position:fixed;width:100vw}.app__canvasDimensions{left:0;opacity:0;pointer-events:none;top:-200vh}.app--showScreenshot #starsjs-banner{position:relative}.app--showScreenshot #starsjs-banner:before{box-shadow:0 0 0 1px hsla(0,0%,100%,.125);content:"";height:628px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1200px}.content__root{background:transparent;text-align:center}.content__root,.content__section{display:flex;flex-direction:column}.content__section{align-items:center;box-sizing:border-box;justify-content:center;max-width:600px;min-height:100vh;padding:16px;position:relative}.content__section+.content__section:before{border-bottom:2px solid hsla(0,0%,100%,.25);content:"";left:50%;position:absolute;top:0;transform:translate(-50%);width:64px}@media(min-width:480px){.content__section{padding:64px}}.content__title{margin:0}.content__titleName{display:block;font-size:36px}.content__titleDescription{display:block;margin-top:24px}.content__p{margin:0}.content__p+.content__p{margin-top:24px}.content__code{background:hsla(0,0%,100%,.063);border-radius:2px;padding:0 4px 2px}@keyframes break{0%{transform:translate(-4px)}30%{transform:translate(4px)}40%{transform:translate(-2px)}50%{transform:translate(4px)}60%{transform:translate(-4px)}70%{transform:translate(2px)}80%{transform:translate(-4px)}to{transform:translate(4px)}}.link__root{--x-1:20%;--w-1:20%;--x-2:5%;--w-2:35%;--x-3:60%;--w-3:30%;color:var(--linkColor,blue);position:relative}.link__underline{box-shadow:inset 0 -2px var(--linkHighlight,blue);display:inline-block;line-height:27px;pointer-events:none;position:relative}.link__underline--hidden{box-shadow:none}.link__underline:after,.link__underline:before{content:"";display:none;height:2px;position:absolute}.link__underline:before{background:var(--linkHighlight,blue);bottom:5px;left:var(--x-1);width:var(--w-1)}.link__underline:after{background:var(--linkHighlight,blue);bottom:0;left:0;width:100%}.link__underline .app--hasActiveHover .link__root:hover{box-shadow:none}.app--hasActiveHover .link__root:hover>.link__underline:after,.app--hasActiveHover .link__root:hover>.link__underline:before{animation:break .5s;animation-iteration-count:infinite;display:block}.app--hasActiveFocus a:focus>.link__underline{box-shadow:inset 0 -8px var(--linkHighlight,blue)}.link__linkEffect{display:none;height:9px;left:0;line-height:27px;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.app--hasActiveHover .link__root:hover>.link__linkEffect{animation:break .75s;animation-iteration-count:infinite;display:block}.link__linkEffect:after,.link__linkEffect:before{content:"";height:2px;position:absolute}.link__linkEffect:before{background:var(--linkHighlight,blue);left:var(--x-2);top:2px;width:var(--w-2)}.link__linkEffect:after{background:var(--linkHighlight,blue);left:var(--x-3);top:7px;width:var(--w-3)}
/*# sourceMappingURL=main.bda08bd4abe6c168.css.map*/