@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);body,html{margin:0;padding:0}#root,body,html{height:100%}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.App{height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:var(--background-color);font-family:Roboto,sans-serif;font-size:16px;--shadow-2dp:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);--shadow-3dp:0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12),0 3px 3px -2px rgba(0,0,0,.4);--shadow-4dp:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)}.dark-theme{--background-color:#333338;--primary-color:#222225;--accent-color:#d73143;--display-color:#aa2232;--primary-text:hsla(0,0%,100%,.87);--accent-text:hsla(0,0%,100%,.87)}.dark-theme,.light-theme{--display-text:hsla(0,0%,100%,.87)}.light-theme{--background-color:#fff;--primary-color:#eee;--accent-color:#448aff;--display-color:#3f51b5;--primary-text:rgba(0,0,0,.87);--accent-text:rgba(0,0,0,.87)}#calculator{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--shadow-4dp);box-shadow:var(--shadow-4dp)}@media (max-width:600px) and (orientation:portrait){#calculator{height:100%}}#display-container{height:64px;background-color:var(--display-color);color:var(--display-text);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;padding:32px 16px;font-size:32px}#input{font-size:16px;padding-bottom:8px}@media (max-width:600px) and (orientation:portrait){#display-container{-ms-flex:1 1;flex:1 1}}#board{display:-ms-flexbox;display:flex;background-color:#fff}#numbers{background-color:var(--primary-color);color:var(--primary-text);display:grid;grid-template:repeat(4,80px)/repeat(3,80px)}#oprators{background-color:var(--accent-color);color:var(--accent-text);display:grid;grid-template:repeat(5,64px)/80px}@media (max-width:600px) and (orientation:portrait){#numbers{grid-template:repeat(4,25vw)/repeat(3,25vw)}#oprators{grid-template:repeat(5,auto)/25vw}}.button{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.number-button:hover{color:var(--accent-color)}.operator-button:hover{color:var(--primary-color)}#switch{display:-ms-flexbox;display:flex;color:var(--primary-text);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;height:48px}.switch-title{margin-right:16px}.switch-button{background-color:var(--primary-color);color:var(--primary-text);cursor:pointer;border:1px solid #000;padding:8px;width:120px;outline:none}.switch-active{background-color:var(--accent-color);color:var(--accent-text)}#left-button{border-top-left-radius:5px;border-bottom-left-radius:5px}#right-button{border-top-right-radius:5px;border-bottom-right-radius:5px}@media (max-width:600px) and (orientation:portrait){.switch-button{width:100px}}#settings{position:fixed;top:0;left:0;background-color:var(--primary-color);color:var(--primary-text);-webkit-box-shadow:var(--shadow-4dp);box-shadow:var(--shadow-4dp);-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:16px;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-o-transition:transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;z-index:10}#settings-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:72px}#close-container{padding-right:32px;cursor:pointer}#settings-header svg{fill:var(--accent-color);width:32px;height:32px}#settings-header header{font-size:24px;color:var(--accent-color);font-weight:500}.drawer-open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.drawer-close{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}@media (max-width:600px) and (orientation:portrait){#settings{font-size:14px}}#drawer-button{position:fixed;top:32px;left:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#drawer-button svg{fill:var(--accent-color);width:32px;height:32px;cursor:pointer}@media (max-width:600px) and (orientation:portrait){#drawer-button{top:16px;left:16px}#drawer-button svg{fill:var(--display-text)}}
/*# sourceMappingURL=main.4986581e.css.map*/