body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;max-width:1024px}html{margin:0 auto}@media screen and (min-width:411px){html{max-width:600px}}.calWrapper{border:2px solid #000;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto 70px;grid-template-areas:"display display display display" "clearBtn clearBtn percentBtn divisonBtn" "sevenBtn eightBtn nineBtn multiplyBtn" "fourBtn fiveBtn sixBtn subtractBtn" "oneBtn twoBtn threeBtn additionBtn" "zeroBtn zeroBtn dotBtn equalBtn"}.btn{border:1px solid rgba(0,0,0,.4);padding:15px;font-size:2rem;background-color:#817f7f;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.display{grid-area:display}.display,.display input{background-color:#000;text-align:right;padding:25px 15px}.display input{font-size:2.8rem;color:#fff}.display input::-webkit-input-placeholder{color:#fff;opacity:1}.display input:-ms-input-placeholder{color:#fff;opacity:1}.display input::-ms-input-placeholder{color:#fff;opacity:1}.display input::placeholder{color:#fff;opacity:1}.clickAble:hover{cursor:pointer}.clickAble:active{background-color:#535353}.clearBtn{grid-area:clearBtn}.percentBtn{grid-area:percentBtn}.divisonBtn{grid-area:divisonBtn;background-color:orange}.sevenBtn{grid-area:sevenBtn}.eightBtn{grid-area:eightBtn}.nineBtn{grid-area:nineBtn}.multiplyBtn{grid-area:multiplyBtn;background-color:orange}.fourBtn{grid-area:fourBtn}.fiveBtn{grid-area:fiveBtn}.sixBtn{grid-area:sixBtn}.subtractBtn{grid-area:subtractBtn;background-color:orange}.oneBtn{grid-area:oneBtn}.twoBtn{grid-area:twoBtn}.threeBtn{grid-area:threeBtn}.additionBtn{grid-area:additionBtn;background-color:orange}.zeroBtn{grid-area:zeroBtn}.dotBtn{grid-area:dotBtn}.equalBtn{grid-area:equalBtn;background-color:orange}.topSection{text-align:center;margin-top:5vh}h1{padding:2rem;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}img{padding-bottom:2rem;-webkit-animation:sway 10s linear infinite;animation:sway 10s linear infinite}@-webkit-keyframes sway{0%{transform:rotate(0deg)}25%{transform:rotate(25deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-25deg)}to{transform:rotate(0deg)}}@keyframes sway{0%{transform:rotate(0deg)}25%{transform:rotate(25deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-25deg)}to{transform:rotate(0deg)}}
/*# sourceMappingURL=main.0ad66ac2.chunk.css.map */