*{box-sizing:border-box;font-family:consolas;margin:0;padding:0}body{align-items:center;background:#333;display:flex;justify-content:center;min-height:100vh}.container{background:#333;border-radius:20px;box-shadow:25px 25px 75px rgba(0,0,0,.25),10px 10px 70px rgba(0,0,0,.25),inset -5px -5px 15px rgba(0,0,0,.5),inset 5px 5px 15px rgba(0,0,0,.5);min-height:400px;min-width:300px;padding:40px 30px 30px;position:relative}.calculator{display:grid;position:relative}.calculator .value{background:#a7af7c;border:none;box-shadow:0 0 0 2px rgba(0,0,0,.75);font-size:2em;grid-column:span 4;height:100px;left:10px;margin-bottom:10px;outline:none;padding:10px;text-align:right;width:calc(100% - 20px)}.calculator .value,.calculator span{border-radius:10px;position:relative}.calculator span{background:linear-gradient(180deg,#2f2f2f,#3f3f3f);box-shadow:inset -8px 0 8px rgba(0,0,0,.15),inset 0 -8px 8px rgba(0,0,0,.25),0 0 0 2px rgba(0,0,0,.75),10px 20px 25px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:grid;font-weight:400;height:80px;margin:8px;place-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80px}.calculator span:before{background:linear-gradient(90deg,#2d2d2d,#4d4d4d);border-bottom:1px solid #0004;border-left:1px solid #0004;border-radius:10px;border-top:1px solid #0009;bottom:14px;box-shadow:-5px -5px 15px rgba(0,0,0,.1),10px 5px 10px rgba(0,0,0,.15);content:"";left:4px;position:absolute;right:12px;top:3px}.calculator span:active{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.calculator span i{font-size:1.5em;font-style:normal;position:relative;text-transform:uppercase}.calculator .clear{background:red;grid-column:span 2;width:180px}.calculator .clear:before{background:linear-gradient(90deg,#d20000,#ffffff5c);border-bottom:1px solid #fff4;border-left:1px solid #fff4;border-top:1px solid #fff4}.calculator .plus{grid-row:span 2;height:180px}.calculator .equal{background:#2196f3}.calculator .equal:before{background:linear-gradient(90deg,#1479c9,#ffffff5c);border-bottom:1px solid #fff4;border-left:1px solid #fff4;border-top:1px solid #fff4}
/*# sourceMappingURL=main.f5fe39a5.css.map*/