body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-bg-color: #060c48;--header-bg-color: #282c34;--text-color-light: #fff;--text-color-dark: #111;--link-color: #61dafb;--border-color: hwb(30 9% 3%);--footer-text-color: #ccc;--font-primary: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-monospace: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box;visibility:visible;opacity:1}body{color:var(--text-color-dark);font-family:var(--font-primary);font-display:swap}.App{background-color:var(--primary-bg-color);text-align:center;padding:1em;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative}.App>*:not(#tsparticles){position:relative;z-index:1}.App-header{background-color:var(--header-bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;color:var(--text-color-light);border-radius:1em;border:1px solid var(--border-color);box-shadow:0 0 10px #efe9e980;margin:auto;padding:2em;box-sizing:border-box;width:90vw;max-width:480px;aspect-ratio:9 / 16;font-family:var(--font-monospace);font-weight:100;font-size:clamp(.8rem,2.5vw,1rem);position:relative}.App-logo-container{display:flex;justify-content:center;align-items:center;width:100%;animation:App-logo-spin 2s linear infinite}.App-logo{height:20vmin;max-height:100px;pointer-events:none}.App-link-container{margin-top:2em;margin-bottom:1em}.App-link{display:inline-block;transform:scale(2)}.App-link-button{animation:brightnessPulse 3s linear infinite alternate}.App-intro-text{margin:0;font-family:inherit;font-weight:200;font-size:clamp(1rem,4vw,1.5rem);text-align:center;line-height:1.2}.App-footer{font-family:var(--font-monospace);font-weight:300;font-size:.8em;color:var(--footer-text-color);padding:1em 0}.App-bottom-area{background:transparent;color:var(--text-color-light);padding:2em 1em 80px;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:300;text-align:left;box-sizing:border-box;overflow-wrap:break-word;margin-top:2em}.App-bottom-content{max-width:900px;margin:0 auto}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-rainbow 6s linear infinite,App-logo-scale 4s ease-in-out infinite alternate;transition:filter .3s}.App-logo-reverse{animation-name:App-logo-rainbow-reverse,App-logo-scale-reverse}.App-logo:hover{filter:brightness(.3)}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes App-logo-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes App-logo-rainbow-reverse{0%{filter:hue-rotate(360deg)}to{filter:hue-rotate(0deg)}}@keyframes App-logo-scale{0%{transform:scale(.5)}to{transform:scale(1.5)}}@keyframes App-logo-scale-reverse{0%{transform:scale(1.5)}to{transform:scale(.5)}}@keyframes brightnessPulse{0%{filter:brightness(.5)}to{filter:brightness(1.5)}}@media (min-width: 768px){.App{padding:3em}.App-header{border-width:2px}}.scroll-down-indicator{position:absolute;bottom:2em;left:50%;transform:translate(-50%);cursor:pointer;color:#fff;animation:bounce 2s infinite;z-index:2}.scroll-down-indicator svg{width:48px;height:48px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}@media (max-width: 768px){.scroll-down-indicator{bottom:1em}.scroll-down-indicator svg{width:40px;height:40px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-20px)}60%{transform:translate(-50%) translateY(-10px)}}