body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::root{--white-grey:#f2f2f2}body{background-color:#e6e6e6;text-align:center}.calculator-container{background-color:#ecedf0;border-radius:20px;box-shadow:5px 10px 10px #b5bfc6;margin-top:20%}.result-container{align-items:center;background-color:#3b3a3a;border-color:#b5bfc6 #fff #fff #b5bfc6;border-radius:20px;border-style:solid;border-width:5px;box-shadow:inset 5px 5px 10px #000;color:#fff;display:flex;font-family:Doto,sans-serif;height:100px;justify-content:center}.buttons-container{display:grid;grid-template-areas:"clear clear delete divide" "seven eight nine multi" "four five six minus" "one two three add" "zero deci equals equals";grid-template-columns:repeat(4,1fr)}.toggle{grid-area:toggle}#decimal{grid-area:deci}#\+{grid-area:add}#\-{grid-area:minus}#\*{grid-area:multi}#\/{grid-area:divide}[id="0"]{grid-area:zero}#1{grid-area:one}#2{grid-area:two}#3{grid-area:three}#4{grid-area:four}#5{grid-area:five}#6{grid-area:six}#7{grid-area:seven}#8{grid-area:eight}#9{grid-area:nine}button{background:linear-gradient(#f2f2f2,#b5bfc6);border:1px solid #000;border-radius:15px;box-shadow:5px 10px 10px #b5bfc6;color:#000;cursor:pointer;font-size:24px;height:80px;margin:10px;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;z-index:1}button:hover{box-shadow:5px 12px 14px #b5bfc6e6;transform:translateY(-2px)}button:active{box-shadow:inset 2px 2px 6px #0003;filter:brightness(.95);transform:translateY(1px)}button:before{background:linear-gradient(90deg,#b5bfc6,#f2f2f2);border-bottom:1px solid #b5bfc6;border-radius:11px;border-top:1px solid #fff;bottom:10px;box-shadow:-10px -8px 8px #fff;content:"";left:8px;position:absolute;right:8px;top:6px;z-index:-1}.reset-btn{background:linear-gradient(#f2f2f2,#ffe5ec);font-size:16px;grid-area:clear}.reset-btn:before{background:linear-gradient(90deg,#ffe5ec,#f2f2f2);border-bottom:1px solid #ffc2d1}.del-btn{background:linear-gradient(#f2f2f2,#ff8fab);font-size:18px;grid-area:delete}.del-btn:before{background:linear-gradient(90deg,#ff8fab,#f2f2f2);border-bottom:1px solid #fb6f92}.eq-btn{background:linear-gradient(#000,#222);border:1px solid #444;color:#fff;grid-area:equals}.eq-btn:before{background:linear-gradient(90deg,#222,#000);border-bottom:1px solid #111}.operation-btn{background:linear-gradient(#f2f2f2,#bde0fe)}.operation-btn:before{background:linear-gradient(90deg,#bde0fe,#f2f2f2);border-bottom:1px solid #a2d2ff}.del-btn:hover,.operation-btn:hover,.reset-btn:hover{filter:brightness(1.05)}.eq-btn:hover{filter:brightness(1.1)}.del-btn:active,.eq-btn:active,.operation-btn:active,.reset-btn:active{filter:brightness(.93)}@media screen and (min-width:576px){body{align-items:center;display:flex;justify-content:center;width:100vw}.calculator-container{width:500px}}
/*# sourceMappingURL=main.de36ae44.css.map*/