@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);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}body{align-items:center;background-color:#5f9ea0;display:flex;font-family:Share Tech Mono;height:100vh;justify-content:center;overflow:hidden;width:100vw}.App{background:#ebebeb;height:400px;-webkit-perspective:0 200px;perspective:0 200px;position:relative;-webkit-transform:scale(.8) skew(20deg);transform:scale(.8) skew(20deg);transition:-webkit-transform .5s ease .5s;transition:transform .5s ease .5s;transition:transform .5s ease .5s,-webkit-transform .5s ease .5s;width:300px}.App:hover{-webkit-transform:scale(1.5) skew(0deg);transform:scale(1.5) skew(0deg);transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.App:hover:before{height:0;opacity:0}.App:hover:after{opacity:0;width:0}.App:before{background:#bdc7b7;border-bottom-left-radius:5px;height:10px;left:10px;top:100%;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;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;width:100%}.App:after,.App:before{border-bottom-right-radius:1px;content:"";opacity:1;-webkit-perspective:0 200px;perspective:0 200px;position:absolute}.App:after{background:#d7ddd3;border-top-right-radius:5px;bottom:0;height:100%;left:100%;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:width .5s ease .5s,opacity .5s ease .5s,-webkit-transform .5s ease .5s;transition:transform .5s ease .5s,width .5s ease .5s,opacity .5s ease .5s;transition:transform .5s ease .5s,width .5s ease .5s,opacity .5s ease .5s,-webkit-transform .5s ease .5s;width:10px}.Display{align-items:center;background:#2b293d;box-sizing:border-box;color:#59c3c3;display:flex;font-size:24px;height:20%;justify-content:flex-end;overflow:hidden;padding:0 29px;position:relative;text-shadow:0 0 5px rgba(89,195,195,.5)}.Display:after{background:#fff;background:linear-gradient(180deg,#fff 0,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6);content:"";display:block;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f6f6f6",GradientType=0);height:100%;left:0;mix-blend-mode:overlay;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.Buttons{display:flex;flex-direction:column;flex-wrap:wrap;height:80%}.Button{align-items:center;background:#cad2c5;background:linear-gradient(45deg,#cad2c5,#abb5aa);border:1px solid rgba(0,0,0,.05);box-sizing:border-box;color:rgba(0,0,0,.5);display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cad2c5",endColorstr="#abb5aa",GradientType=1);font-size:24px;height:20%;justify-content:center;min-width:25%;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.45206031.css.map*/