@import url(http://fonts.googleapis.com/css?family=Lato:700);body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{margin:0 auto;max-width:30rem;padding-top:1rem;width:94%}:root{background-color:#f5f5f5}#function{margin-bottom:1rem;margin-top:1rem}.Button{background-color:#fff;border:2px solid #899f95;border-radius:0;color:#899f95;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;height:3rem;line-height:1;margin-bottom:.2rem;padding-top:0;text-align:center;width:100%}.Button:hover{background-color:#899f95;color:#fff}.Button:focus{outline:0}#myCanvas,.Checkbox{width:100%}.Checkbox{margin-bottom:.2rem;position:relative;text-align:center}.Checkbox__checkbox{display:none}.Checkbox__label{border:2px solid #fffff;border-radius:0;cursor:pointer;display:block;overflow:hidden}.Checkbox__inner{display:block;margin-left:-100%;transition:margin .3s ease-in 0s;width:200%}.Checkbox__inner:after,.Checkbox__inner:before{box-sizing:border-box;color:#fff;display:block;float:left;font-family:inherit;font-size:inherit;height:3rem;line-height:44px;padding:0;width:50%}.Checkbox__inner:before{background-color:#899f95;color:#fff;content:"Typo ON"}.Checkbox__inner:after{background-color:#eee;color:#999;content:"Typo OFF"}.Checkbox__switch{background:#fff;border:2px solid #fffff;border-radius:0;bottom:0;display:block;height:2rem;position:absolute;right:calc(100% - 2.5rem);top:.5rem;transition:right .3s ease-in 0s;width:2rem}.Checkbox__checkbox:checked+.Checkbox__label .Checkbox__inner{margin-left:0}.Checkbox__checkbox:checked+.Checkbox__label .Checkbox__switch{right:.5rem}
/*# sourceMappingURL=main.b3a31aa8.css.map*/