*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #171717;--surface: #1d1b19;--surface-2: #262320;--line: #2e2c29;--line-2: #33302c;--line-3: #3a3631;--text: #f8f4ec;--text-muted: #a8a196;--text-muted-2: #c9c2b6;--green: #7ed957;--purple: #800080;--red: #ca1515;--mint: #8ecdb4}.main{height:100%}img{max-width:100%;height:auto;display:block}html{scroll-behavior:smooth}body,html{background-color:var(--bg);width:100%;height:100%;font-family:Fira Code,Source Code Pro,ui-monospace,monospace!important;color:var(--text)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}app-root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem}button{font-family:Fira Code,Source Code Pro,ui-monospace,monospace}a{text-decoration:none;color:inherit}html,body{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:1.3em;box-shadow:-5px 5px 10px var(--purple);padding:.8em;outline:none;-webkit-user-select:none;user-select:none;border:none;border-radius:1em;background-color:var(--green);color:var(--bg);text-decoration:none!important;width:fit-content;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:translate(5px,-5px);box-shadow:-8px 8px 16px var(--purple)}@media (max-width: 768px){.btn{font-size:1.1em;padding:.6em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
