body{background-color:#fff;font-family:'Exo 2',Lato,'PT Sans',-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,'Droid Sans','Helvetica Neue',Arial,sans-serif;font-size:1rem}.main__interactive{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(209,210,214,.3)),to(rgba(209,210,214,1)));background-image:linear-gradient(to bottom,rgba(209,210,214,.3),rgba(209,210,214,1));border:3px solid #555;border-radius:.4rem;-webkit-box-shadow:2px 2px 5px #666;box-shadow:2px 2px 5px #666;max-width:500px;margin:1rem auto;min-width:250px;padding:.6rem;width:90vw}@media screen and (min-width:36rem){.main__interactive{width:50vw}}.main__message{height:2rem}.main__input{border-radius:.2rem;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(149,165,140,.9)),color-stop(50%,rgba(149,165,140,.25)),color-stop(50%,rgba(149,165,140,.25)),to(rgba(149,165,140,.9)));background-image:linear-gradient(to bottom,rgba(149,165,140,.9),rgba(149,165,140,.25) 50%,rgba(149,165,140,.25) 50%,rgba(149,165,140,.9));color:#000;display:block;font:2rem sans-serif;font-family:'Exo 2';height:5rem;margin:.3rem auto 1rem;padding:.4rem;width:100%}.main__input:focus{outline:0}.main__board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:'btn__C     btn__l-bracket  btn__r-bracket  btn__del' 'btn__power btn__rem        btn__sub        btn__mult' 'btn__7     btn__8          btn__9          btn__add' 'btn__4     btn__5          btn__6          btn__add' 'btn__1     btn__2          btn__3          btn__equal' 'btn__div   btn__0          btn__point      btn__equal';grid-auto-rows:minmax(4rem,auto);grid-gap:.2rem}.upper-index{position:relative;right:2px;font-size:1rem;font-style:normal;font-family:'Exo 2';top:-9px}.btn{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.9)),to(#444));background-image:linear-gradient(to bottom,rgba(0,0,0,.9),#444);border-radius:.4rem;-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.55);box-shadow:0 -1px 2px rgba(0,0,0,.55);color:#eee;font:1.5rem 'Exo 2';margin:.1rem}.btn--red{background-image:none;background-color:#aa3838}.btn__C{grid-area:btn__C}.btn__l-bracket{grid-area:btn__l-bracket}.btn__r-bracket{grid-area:btn__r-bracket}.btn__del{grid-area:btn__del}.btn__rem{grid-area:btn__rem}.btn__div{grid-area:btn__div}.btn__add{grid-area:btn__add}.btn__mult{grid-area:btn__mult}.btn__sub{grid-area:btn__sub}.btn__equal{grid-area:btn__equal}.btn__power{grid-area:btn__power}.btn__point{grid-area:btn__point}.btn__9{grid-area:btn__9}.btn__8{grid-area:btn__8}.btn__7{grid-area:btn__7}.btn__6{grid-area:btn__6}.btn__5{grid-area:btn__5}.btn__4{grid-area:btn__4}.btn__3{grid-area:btn__3}.btn__2{grid-area:btn__2}.btn__1{grid-area:btn__1}.btn__0{grid-area:btn__0}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}div,p{margin:0;padding:0}
/*# sourceMappingURL=style.css.map */