body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;text-align:center}$background:#fefefe;$text:#4b507a;$red:#f45e61;$blue:#0eb7da;button{background:none;border:0;box-shadow:inset 0 0 0 2px $red;box-sizing:border-box;color:$red;font-size:40em;font-weight:700;margin:1em;padding:1em 2em;position:relative;vertical-align:middle;&:after,&:before{box-sizing:inherit;content:"";height:100%;position:absolute;width:100%}}.spin{height:15em;padding:0;width:15em;&:hover{color:$blue}&:after,&:before{left:0;top:0}&:before{border:2px solid transparent}&:hover:before{border-bottom-color:$blue;border-right-color:$blue;border-top-color:$blue;transition:border-top-color .15s linear,border-right-color liear .15s .1s,border-bottom-color .15s linear .2s}&:after{border:0 solid transparent}&:hover:after{border-left-width:2px;border-right-width:2px;border-top:2px solid $blue;-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:border-left-width 0s linear .35s,-webkit-transform .4s linear 0s;transition:transform .4s linear 0s,border-left-width 0s linear .35s;transition:transform .4s linear 0s,border-left-width 0s linear .35s,-webkit-transform .4s linear 0s}}.circle{border-radius:100%;box-shadow:none;&:after,&:before{border-radius:100%}}body{background:$background;color:$text;font:300 24px/1.5 Lato,sans-serif;margin:1em auto;max-width:36em;padding:1em 1em 2em;text-align:center}
/*# sourceMappingURL=main.23d00703.css.map*/