html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;font:100 14px Roboto}button{display:block;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}button:active{box-shadow:inset 0 0 80px 0 rgba(0,0,0,.25)}#wrapper{display:flex;align-items:center;justify-content:center}#calculator-wrapper{width:360px;height:560px;position:relative;border:20px solid #1c191c;border-radius:20px;box-shadow:0 0 20px 0 #aaa}.calculator{width:100%;height:100%;background:#000;display:flex;flex-direction:column}.calculator-display{color:#fff;background:#1c191c;line-height:130px;font-size:6em;flex:1 1}.auto-scaling-text{display:inline-block}.calculator-display .auto-scaling-text{padding:0 16px;position:absolute;right:0;-webkit-transform-origin:right;transform-origin:right}.calculator-keypad{height:400px;display:flex}.calculator .input-keys{width:240px}.calculator .function-keys{display:flex}.calculator .digit-keys{background:#1c191c;display:flex;flex-direction:row;flex-wrap:wrap-reverse}.calculator-key{width:80px;height:80px;text-align:center;line-height:60px;border:8px solid #1c191c;border-radius:50%}.calculator .function-keys .calculator-key{font-size:1.6em}.calculator .digit-keys .calculator-key{font-size:2.25em;color:#fff;background-color:#323232}.calculator .digit-keys .key-0{width:160px;text-align:left;padding-left:26px;border-radius:36px}.calculator .digit-keys .key-dot{padding-top:.4em}.calculator .operator-keys .calculator-key{color:#fff;font-size:2.2em;background-color:purple}.calculator .function-keys,.calculator .operator-keys{background-color:#1c191c}.calculator .function-keys .calculator-key{background-color:#b4b4b4}@media (max-width:768px){#calculator-wrapper{width:336px;height:536px;position:relative;border:8px solid #1c191c;border-radius:8px;box-shadow:none}}@media (max-width:320px){.App-intro,.App-title,.version{display:none}#calculator-wrapper{height:100vh}}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}@-webkit-keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}svg{fill:#fd6c6c}svg,svg path:first-child{color:#fff;position:absolute;top:0;border:0;right:0}svg path:first-child{fill:#151513}.octo-arm{-webkit-transform-origin:130px 106px;transform-origin:130px 106px}@media (max-width:500px){.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}}.App{text-align:center}.App-header{padding:30px}.App-title{font-size:1.8em}.App-title.h1{display:inline-block}.App-intro{color:grey;font:normal 1.2em Roboto;padding:0 0 1.2em}.inner-triangle{border-left:120px solid transparent;border-right:120px solid green;border-bottom:120px solid transparent;height:0;width:0;position:absolute;right:0;z-index:2}
/*# sourceMappingURL=main.d308724a.chunk.css.map */