:root{--font-size:10px;--main-font:Share Tech Mono,monospace;--display-font:monospace;--border-radius:4px;--background-base:#c2c2d6;--number-color:#4d4d4d;--operator-color:#666;--equal-color:#046;--clear-color:#ac3939;--delete-color:#8a0000}*{box-sizing:border-box}html{font-size:10px;font-size:var(--font-size)}body{background:#c2c2d6;background:var(--background-base);font:normal 1.6rem Share Tech Mono,monospace;font:normal 1.6rem var(--main-font);margin:0}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;transition:.3s ease-out}.App .calculator-container{-webkit-animation:move-in-from-bottom 1s ease-in-out;animation:move-in-from-bottom 1s ease-in-out;background:#000;border-radius:4px;border-radius:var(--border-radius);display:grid;grid-template-columns:repeat(4,8rem);grid-template-rows:minmax(6rem,auto) repeat(5,7rem);padding:.5rem;width:33rem}@-webkit-keyframes move-in-from-bottom{0%{opacity:.4;-webkit-transform:translateY(-90%);transform:translateY(-90%)}50%{opacity:.8;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move-in-from-bottom{0%{opacity:.4;-webkit-transform:translateY(-90%);transform:translateY(-90%)}50%{opacity:.8;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.display-container{align-items:flex-end;display:flex;flex-direction:column;font-family:monospace;font-family:var(--display-font);grid-column:1/-1;padding:0 .5rem .5rem}.display-container .current,.display-container .formula{word-wrap:break-word;color:orange;font-size:2rem;min-height:3rem;word-break:break-all}.display-container .current{color:#fff;font-size:2.5rem}.display-container .bounce{-webkit-animation:bounceRight .5s ease-in-out;animation:bounceRight .5s ease-in-out}@-webkit-keyframes bounceRight{0%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceRight{0%{-webkit-transform:translateX(1rem);transform:translateX(1rem)}50%{-webkit-transform:translateX(-1rem);transform:translateX(-1rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}button{border:1px solid #000;color:#fff;font:2rem Share Tech Mono,monospace;font:2rem var(--main-font);transition:.15s}button:hover{border-color:#d3d3d3;color:#000;-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scale(1.01);transform:scale(1.01)}button:active{-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:scale(1.05);transform:scale(1.05)}.number{background-color:#4d4d4d;background-color:var(--number-color)}.operator{background-color:#666;background-color:var(--operator-color)}.equals{background-color:#046;background-color:var(--equal-color);grid-column:3/-1}.clear{background-color:#ac3939;background-color:var(--clear-color);grid-column:1/3}.delete{background-color:#8a0000;background-color:var(--delete-color)}.author-container{align-items:center;-webkit-animation:fadeIn .5s ease-in 1s forwards;animation:fadeIn .5s ease-in 1s forwards;display:flex;flex-direction:column;font-size:1.6rem;justify-content:center;margin-top:1rem;opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.author-container .subtitle{margin-bottom:.5rem}.author-container .author-name{color:#00008b;text-decoration:underline;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:.25s ease-out}.author-container .author-name:hover{-webkit-text-decoration-color:#00008b;text-decoration-color:#00008b}
/*# sourceMappingURL=main.a1e6c087.css.map*/