body{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:hidden;font-family:Roboto}.App,body{background:#ebebeb}.App{height:400px;width:300px;-webkit-perspective:0 200px;perspective:0 200px;-webkit-transform:scale(1.5) skew(0deg);transform:scale(1.5) skew(0deg);-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;position:relative}.App:hover:before{opacity:0;height:0}.App:hover:after{opacity:0;width:0}.App:before{position:absolute;content:"";background:#bdc7b7;width:100%;height:10px;top:100%;left:10px;-webkit-transform:skewX(45deg);transform:skewX(45deg);opacity:1;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-perspective:0 200px;perspective:0 200px;-webkit-transition:height .5s ease .5s,opacity .5s ease .5s,-webkit-transform .5s ease .5s;transition:height .5s ease .5s,opacity .5s ease .5s,-webkit-transform .5s ease .5s;transition:transform .5s ease .5s,height .5s ease .5s,opacity .5s ease .5s;transition:transform .5s ease .5s,height .5s ease .5s,opacity .5s ease .5s,-webkit-transform .5s ease .5s;border-bottom-left-radius:5px;border-bottom-right-radius:1px}.Display{background:#212025;color:#59c3c3;text-shadow:0 0 5px rgba(89,195,195,.5);display:flex;justify-content:flex-end;align-items:center;padding:0 29px;box-sizing:border-box;height:20%;overflow:hidden;font-size:24px;position:relative}.Buttons{display:flex;flex-wrap:wrap;flex-direction:column;height:80%}.Button{background:#cad2c5;background:-webkit-linear-gradient(45deg,#cad2c5,#abb5aa);background:linear-gradient(45deg,#cad2c5,#abb5aa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cad2c5",endColorstr="#abb5aa",GradientType=1);display:flex;box-sizing:border-box;border:1px solid rgba(0,0,0,.05);align-items:center;justify-content:center;width:25%;font-size:24px;color:rgba(0,0,0,.5);height:20%;min-width:25%}.Button[data-size="2"]{height:40%}.Button[data-value=null]{pointer-events:none}.Button:hover{background:#d7ddd3;cursor:pointer}.Button:active{background:#bdc7b7}
/*# sourceMappingURL=main.8dafedfa.chunk.css.map */