body,html{background-color:#f8fafc;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}.title{text-align:center;width:100%;word-wrap:break-word;margin:0 0 3rem}main{padding:5rem 0;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}code{background:#e2e8f0;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}.container{height:100vh;display:flex;flex-direction:column}.btn,.container{justify-content:center;align-items:center}.btn{--btn-color:#7c2d12;--btn-bg:#fcd34d;position:relative;display:inline-flex;gap:6px;background-color:var(--btn-bg);color:var(--btn-color);padding:14px 22px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-size:1rem;font-family:system-ui;border:2px solid var(--btn-color);transition:.1s ease;box-shadow:5px 5px 0 0 var(--btn-color)}.btn--secondary{--btn-color:#444;--btn-bg:#fafafa}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:hover{box-shadow:2px 2px 0 0 var(--btn-color)}.btn:active{transition:50ms ease;box-shadow:0 0 0 0 var(--btn-color)}.btn:focus-visible{outline:0;--btn-color:#002cc8}.btn:focus-visible:after{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);content:"\21E7";animation:float .5s ease-in-out infinite}@keyframes float{0%{transform:translateX(-50%) translatey(0)}50%{transform:translateX(-50%) translatey(-6px)}to{transform:translateX(-50%) translatey(0)}}