*{box-sizing:border-box;margin:0;padding:0}:root{--text:#ece2f9;--background:#0f061b;--primary:#bb87e6;--secondary:#821b3a;--accent:#d9584a}::selection{color:var(--text);background:var(--primary)}html{font-optical-sizing:auto;letter-spacing:normal;background-color:var(--background);color:var(--text);font-family:Fira Code,monospace;font-size:x-large;font-style:normal;font-weight:500}button{background:var(--primary);color:var(--text);cursor:pointer;letter-spacing:.02em;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.8rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}button:hover{background:var(--accent)}a,p,span{color:var(--text);transition:all .2s}a{color:var(--accent)}a:hover{color:var(--text);text-decoration:underline!important}code,pre,kbd,samp{font-variant-ligatures:contextual;font-feature-settings:"calt" 1;font-family:inherit}.container{flex-direction:column;align-items:center;width:100%;max-width:40em;margin:0 auto;padding:0 1rem;display:flex;position:relative}html{scrollbar-width:thin;scrollbar-color:#333 var(--background);scrollbar-gutter:stable}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#16161a}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#333}input{background:var(--background);border:1px solid var(--primary);color:var(--text);border-radius:.5rem;outline:none;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,outline .2s}input::placeholder{color:var(--grey)}input:focus{border-color:var(--primary);outline:2px #8c76bc33}