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}#root,body,html{height:100%;min-height:100%}.App{display:flex;flex-direction:column;height:100%;text-align:center}.App__ApiInput input{font-size:15px!important;line-height:20px!important;padding:10px}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-4{flex:4 1}.flex-5{flex:5 1}.date-wrapper{align-items:flex-end;color:#777;font-size:20px}.date-wrapper,.time-wrapper{display:flex;flex-direction:row;justify-content:center}.time-wrapper{align-items:center}.time-wrapper>span{color:#222;font-size:100px;padding:5px;text-align:left}.time-wrapper>span:first-child{text-align:right}.keyboard-wrapper{display:flex;justify-content:center}.keyboard{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.keyboard>div{align-items:center;background-color:#d3d3d3;border:1px solid grey;border-radius:50%;cursor:pointer;display:flex;font-size:25px;height:80px;justify-content:center;margin:10px;width:80px}.keyboard>div:active,.keyboard>div:hover{background-color:#777}.input-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.input-wrapper>div{min-height:50px;min-width:350px;position:relative}.input-wrapper>div>.icon{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;top:0;width:40px}.input-wrapper>div>.icon svg{padding:10px}.input-wrapper .input{border:1px solid #ddd;font-size:30px;height:100%;line-height:45px;min-height:50px;padding:5px;text-align:center;width:100%}.action-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center}.response-wrapper .action-pane{display:flex;flex-direction:row;justify-content:space-evenly}.response-wrapper .warning{background-color:gold;border:1px solid #daa520;border-radius:10px;padding:5px}.btn{background-color:grey;cursor:pointer;display:inline-block;font-size:20px;min-width:150px;padding:15px}.btn.primary{background-color:green;color:#fff}.btn.secondary{background-color:#bc8f8f}.form-control{width:100%}input[type=text].form-control{border:1px solid #ddd;font-size:40px;line-height:50px;text-align:center}
/*# sourceMappingURL=main.ccc6e734.css.map*/