body{margin:0;font-family:Silkscreen,sans-serif;background-color:#333;color:#a4a6a2}#root{display:flex;min-height:80vh;align-items:flex-start;flex-direction:column;margin:0 auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}#footer svg{fill:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[class*=push]{position:relative;display:inline-block;width:240px;height:240px;border:0;margin:1em;outline:none;background-color:#c2290a;border-radius:50%;cursor:pointer;transition:box-shadow .2s}.push--flat{box-shadow:inset 0 7.5px #f55c3d,inset 0 -7.5px #99220c,inset 0 0 0 7.5px #b8351a,inset 0 0 0 20px #c2290a,inset 0 0 0 24px #7a1d0a,inset 0 0 0 26.087px #2f0e06,inset 0 0 0 32px #ff8f76b3,inset 0 0 0 43.636px #c2290a,inset 0 96px 32px #a22d17,inset 0 0 24px 40px #8c2813,0 12px #0000004d}.push--flat:after{content:"";position:absolute;bottom:12px;left:24px;display:block;width:192px;height:192px;border:16px solid rgba(0,0,0,.3);border-width:0 0 16px;border-radius:50%;transition-duration:.2s}.push--flat:active,.push--flat.is-pushed{box-shadow:inset 0 7.5px #f55c3d,inset 0 -7.5px #99220c,inset 0 0 0 7.5px #b8351a,inset 0 0 0 20px #c2290a,inset 0 0 0 24px #7a1d0a,inset 0 0 0 28.235px #471408,inset 0 0 0 32px #ff8f7633,inset 0 0 0 43.636px #b8351a,inset 0 96px 32px #8f2611,inset 0 0 24px 40px #771f0e,0 12px #0000004d;background-color:#b03218}.push--flat:active:after,.push--flat.is-pushed:after{bottom:28px;border-width:0}[class*=push]{position:relative;display:inline-block;width:120px;height:120px;border:0;margin:1em;outline:none;background-color:#fff;border-radius:50%;cursor:pointer;transition:box-shadow .2s}[class*=push]:focus{outline:none}.push--flat{box-shadow:inset 0 3.75px #f2f2f2,inset 0 -3.75px #f2f2f2,inset 0 0 0 3.75px #f7f7f7,inset 0 0 0 10px #fff,inset 0 0 0 12px #ccc,inset 0 0 0 13.0434782609px gray,inset 0 0 0 16px #fff3,inset 0 0 0 21.8181818182px #fff,inset 0 48px 16px #f2f2f2,inset 0 0 12px 20px #e6e6e6,0 6px #0000004d}.push--flat:after{content:"";position:absolute;bottom:6px;left:12px;display:block;width:96px;height:96px;border:8px solid rgba(0,0,0,.3);border-width:0 0 8px;border-radius:50%;transition-duration:.2s}.push--flat:active,.push--flat.is-pushed{box-shadow:inset 0 3.75px #f2f2f2,inset 0 -3.75px #f2f2f2,inset 0 0 0 3.75px #f7f7f7,inset 0 0 0 10px #fff,inset 0 0 0 12px #ccc,inset 0 0 0 14.1176470588px #999,inset 0 0 0 16px #fff3,inset 0 0 0 21.8181818182px #f7f7f7,inset 0 48px 16px #ebebeb,inset 0 0 12px 20px #d9d9d9,0 6px #0000004d;background-color:#fafafa}.push--flat:active:after,.push--flat.is-pushed:after{bottom:14px;border-width:0}