*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0}body{background:#fff;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 450px){body{background:#f4f7f7;height:auto}}.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0.5rem;border:0px solid #000;max-height:100vh;max-width:500px;border:30px solid #f4f7f7;background-color:#f4f7f7;border-radius:5px;-webkit-box-shadow:10px 7px 8px rgba(0,0,0,0.1);box-shadow:10px 7px 8px rgba(0,0,0,0.1)}@media screen and (max-width: 450px){.container{border:none;-webkit-box-shadow:none;box-shadow:none;margin:0px;height:100vh}}.window{height:160px;margin-bottom:20px}@media screen and (max-width: 450px){.window{height:20vh;margin-bottom:10px}}.display{font-family:"Barlow Semi Condensed",sans serif;background:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;border-radius:5px;padding:20px;-webkit-box-shadow:-10px 0px 25px #fff;box-shadow:-10px 0px 25px #fff}@media screen and (max-width: 450px){.display{padding:5px;margin:5px 10px;width:auto}}#evaluate{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:right;color:#fff;font-size:3.5rem}@media screen and (max-width: 450px){#evaluate{font-size:2.5rem}}.UI{height:600px;border:0px solid #000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 450px){.UI{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:80vh}}.num{width:85%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:justify;-ms-flex-align:justify;align-items:justify;border:0px solid #000}@media screen and (max-width: 450px){.num{width:100%;height:70%}}.ops{width:15%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0px solid #000}@media screen and (max-width: 450px){.ops{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:justify;width:100%;height:30%}}.btn{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-family:"Barlow Semi Condensed",sans serif;text-transform:uppercase;font-weight:300;letter-spacing:.24em;color:#222;border-width:0;border-radius:5px;border-style:solid;-webkit-box-shadow:-10px 0px 25px #fff;box-shadow:-10px 0px 25px #fff;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;z-index:1;-webkit-transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.number{width:20%;min-height:20%;margin:10px 40px 10px 0px;font-size:2rem}@media screen and (max-width: 450px){.number{margin:5px 10px;width:25%;height:50px}}.operation{background:#222;margin:5px 0px;font-size:1rem;width:100%}@media screen and (max-width: 450px){.operation{height:40%;width:25%;margin:5px 10px;font-size:1.25rem}}.btn::before,.btn::after{content:'';position:absolute;z-index:-1;height:110%;width:0;left:0;top:0;transform:skew(-50deg);-webkit-transform:skew(-50deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:width 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:width 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.btn:hover{-webkit-box-shadow:0 22px 55px 0 rgba(0,0,0,0.25),0 12px 17px 0 rgba(0,0,0,0.15);box-shadow:0 22px 55px 0 rgba(0,0,0,0.25),0 12px 17px 0 rgba(0,0,0,0.15);-webkit-transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),background-color 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s,-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),background-color 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s,-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),background-color 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s;transition:color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),border-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955),background-color 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.1s,-webkit-box-shadow 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955)}.btn:hover::before,.btn:hover::after{width:131%}.btn:active{-webkit-transform:translateY(5px);transform:translateY(5px);-webkit-box-shadow:0 11px 55px 0 rgba(0,0,0,0.25),0 6px 17px 0 rgba(0,0,0,0.15);box-shadow:0 11px 55px 0 rgba(0,0,0,0.25),0 6px 17px 0 rgba(0,0,0,0.15)}.btn-dark{color:#fff;border-color:#2a2b2b}.btn-dark::before,.btn-dark::after{background:#fff}.btn-dark:hover{color:#222 !important;border-color:#fff;background-color:#fff}.btn-light{color:#222;border-color:#2a2b2b}.btn-light::before,.btn-light::after{background:#222}.btn-light:hover{color:#fff !important;border-color:#222;background-color:#222}.app{min-height:95vh}.tag{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:1rem}@media screen and (min-width: 737px){.tag{z-index:-1;position:absolute;bottom:0.5rem}}