@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);#root{background:#1c1c1e;color:#fff;width:100%;margin:100px auto 0;padding:20px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2)}.myCalculator{width:100%;display:grid;grid-template-areas:"result" "buttons"}.result{grid-area:result;width:calc(100% - 40px);height:70px;margin:30px auto 0;text-align:right;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.result p{text-align:right;font-size:36px;margin-bottom:4px;font-family:JetBrains Mono}.buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-area:buttons}.btn{background:#323232;color:#fff;padding:5%;border:0;font-size:25px;cursor:pointer;outline:none;border-radius:10px}button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-transition:background-color .2s ease,-webkit-transform .1s ease;transition:background-color .2s ease,-webkit-transform .1s ease;-o-transition:background-color .2s ease,transform .1s ease;transition:background-color .2s ease,transform .1s ease;transition:background-color .2s ease,transform .1s ease,-webkit-transform .1s ease;background-color:#add8e6;-webkit-transform:scale(1.001);-ms-transform:scale(1.001);transform:scale(1.001)}.btn-1{grid-column:span 2}.btn-0{background:#323232;color:#fff;cursor:pointer;outline:none;border-radius:15px}.btn:focus{background:#fff;color:#323232}.btn-calc{background:#ff9500}.btn-action{background:#a6a6a6;color:#323232}.btn-0:focus{background:#fff;color:#323232}@media only screen and (max-width:768px){#root{max-width:350px;padding:10px}#root,.btn-0{width:100%!important}.btn-0{border-radius:15px!important}.btn{width:70px;height:70px;transition:all .1s ease-in-out;-moz-transition:all ease-in-out .1s;-webkit-transition:all .1s ease-in-out;-o-transition:all ease-in-out .1s;-ms-transition:all ease-in-out .1s;font-size:22px;border-radius:50%}.result{margin:20px auto 0}.result p{font-size:24px}}.parent{width:99%;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:15px;grid-row-gap:15px}.div1{grid-area:1/1/2/2}.div2{grid-area:1/2/2/3}.div3{grid-area:1/3/2/4}.div4{grid-area:1/4/2/5}.div5{grid-area:2/1/3/2}.div6{grid-area:2/2/3/3}.div7{grid-area:2/3/3/4}.div8{grid-area:2/4/3/5}.div9{grid-area:3/4/4/5}.div10{grid-area:3/3/4/4}.div11{grid-area:3/2/4/3}.div12{grid-area:3/1/4/2}.div13{grid-area:4/1/5/2}.div14{grid-area:4/2/5/3}.div15{grid-area:4/4/5/5}.div16{grid-area:4/3/5/4}.div17{grid-area:5/1/6/3}.div18{grid-area:5/3/6/4}.div19{grid-area:5/4/6/5}#root{width:100vw;height:100vh;margin:auto;overflow:hidden}#root,*{padding:0}*{background:#1c1c1e;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0}
/*# sourceMappingURL=main.5585aeed.css.map*/