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}*{box-sizing:border-box;font-family:consolas;margin:0;padding:0}body{align-items:center;background:#edf1f4;display:flex;justify-content:center;min-height:100vh}.dark{background:#282c2f}.calculator{border-radius:20px;box-shadow:15px 15px 20px rgba(0,0,0,.1),-15px -15px 20px #fff;padding:20px;position:relative;width:340px}.dark .calculator{background:#33393e;box-shadow:15px 15px 20px rgba(0,0,0,.25),-15px -15px 20px hsla(0,0%,100%,.1)}.calculator .buttons{display:grid;position:relative}.calculator .buttons #value{border-radius:10px;box-shadow:inset 5px 5px 10px rgba(0,0,0,.1),inset -5px -5px 26px #fff;color:#5166d6;font-size:2em;font-weight:500;grid-column:span 4;height:100px;line-height:100px;margin-bottom:12px;overflow:none;padding:0 20px;position:relative;text-align:end;-webkit-user-select:none;user-select:none;width:100%}.dark .calculator .buttons #value{background:#33393e;box-shadow:inset 15px 15px 20px rgba(0,0,0,.5),inset -15px -15px 20px hsla(0,0%,100%,.1);color:#eee}.calculator .buttons span{align-items:center;border:2px solid #edf1f4;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 20px #fff;box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px #fff;color:#666;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;margin:10px;min-width:40px;padding:10px;position:relative;-webkit-user-select:none;user-select:none}.dark .calculator .buttons span{border:2px solid #333;box-shadow:5px 5px 10px rgba(0,0,0,.25),-5px -5px 10px hsla(0,0%,88%,.1);color:#eee}.calculator .buttons span:active{box-shadow:inset 5px 5px 10px rgba(0,0,0,.1),inset -5px -5px 10px #fff;color:#f44336}.dark .calculator .buttons span:active{box-shadow:inset 5px 5px 10px rgba(0,0,0,.25),inset -5px -5px 10px hsla(0,0%,100%,.1)}.calculator .buttons span#clear{background:#f44336;border:2px solid #edf1f4;color:#fff;grid-column:span 2}.calculator .buttons span#plus{background:#31a935;border:2px solid #edf1f4;color:#fff;grid-row:span 2}.calculator .buttons span#equal{background:#2196f3;border:2px solid #edf1f4;color:#fff;grid-row:span 2}.dark .calculator .buttons span#clear,.dark .calculator .buttons span#equal,.dark .calculator .buttons span#plus{border:2px solid #333}.calculator .buttons span#clear:active,.calculator .buttons span#equal:active,.calculator .buttons span#plus:active{box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px #fff,inset 5px 5px 10px rgba(0,0,0,.1)}.dark .calculator .buttons span#clear:active,.dark .calculator .buttons span#equal:active,.dark .calculator .buttons span#plus:active{box-shadow:inset 5px 5px 10px rgba(0,0,0,.1)}.toggleBtn{background:#555;border:2px solid #edf1f4;border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,.1),-5px -5px 10px #fff;cursor:pointer;height:20px;position:fixed;right:20px;top:20px;width:20px}.dark .toggleBtn{background:#edf1f4;border:2px solid #333;box-shadow:5px 5px 10px rgba(0,0,0,.25),-5px -5px 10px hsla(0,0%,100%,.25)}
/*# sourceMappingURL=main.5c3c733d.css.map*/