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}.Question form{margin:auto}.Question form input{width:180px}.Container{margin-top:1em;padding:0}.Container .Circle{margin:auto;background-color:#000;border-color:#000;border-radius:50%;width:160px;height:160px;padding:20px}.Container .Circle .Eight{margin:auto;background-color:#fff;border:thick solid #fff;border-radius:50%;width:130px;height:130px}.Container .Circle .Eight .Number{font-size:7em;text-align:center;position:relative;width:130px;height:130px;margin:0;transform:skew(-.028turn,14deg)}.Container .Circle .Inner-circle{margin:auto;background-color:#252424;border-radius:50%;width:80px;height:80px;padding:42px;-webkit-clip-path:circle(68px at center);clip-path:circle(68px at center)}.Container .Circle .Inner-circle .Triangle{width:0;height:0;border-color:transparent transparent #007bff;border-style:inset;border-width:0 60px 90px;margin:auto;-webkit-clip-path:circle(100px at center);clip-path:circle(100px at center);-webkit-animation:roll 6s infinite,pulse 6s infinite;animation:roll 6s infinite,pulse 6s infinite}.Container .Circle .Inner-circle .Triangle,.Container .Circle .Inner-circle .Triangle .Response{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.Container .Circle .Inner-circle .Triangle .Response{font-size:.74em;text-align:center;top:40px;right:20px;position:relative;width:50px;height:50px;margin:0}@-webkit-keyframes roll{0%{transform:rotate(90) translate(16px,18px)}to{transform:rotate(540deg) translate(6px,8px)}}@keyframes roll{0%{transform:rotate(90) translate(16px,18px)}to{transform:rotate(540deg) translate(6px,8px)}}@-webkit-keyframes pulse{0%{opacity:.2}50%{opacity:.5}to{opacity:.8}}@keyframes pulse{0%{opacity:.2}50%{opacity:.5}to{opacity:.8}}.Shake{-webkit-animation:shake .86s cubic-bezier(.36,.07,.99,.97) both;animation:shake .86s cubic-bezier(.36,.07,.99,.97) both}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-6px,0,0)}40%,60%{transform:translate3d(6px,0,0)}}.App{text-align:center}.App-header{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#282c34}
/*# sourceMappingURL=main.da5dc87e.chunk.css.map */