*,:after,:before{box-sizing:border-box}html{font-size:.3rem}body,html{height:100%}body{background-color:#000;display:flex;font-family:Sarpanch,sans-serif;text-align:center}.container{margin:auto;max-width:90%;padding:3rem 0}.heading{color:#9ff;font-size:5rem;margin-bottom:3rem;text-shadow:0 0 .5rem #6ff,0 0 1rem #3ff,0 0 1.5rem #0ff}.calculator{border:.4rem solid #f9f;border-radius:1rem;box-shadow:0 0 .5rem #f6f,0 0 1rem #f3f,0 0 1.5rem #ff00de;margin:0 auto;padding:1rem;width:36rem}.screen{border:.4rem solid #9ff;border-radius:1rem;box-shadow:0 0 .5rem #6ff,0 0 1rem #3ff;margin:1rem;padding:1rem;text-align:right}.screen-text{color:#f6f;font-size:4rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 .5rem #f6f}.row{display:flex;width:100%}.key{flex:1 1 25%;padding:1rem;width:25%}.btn{background:none;border:.4rem solid #9ff;border-radius:1rem;box-shadow:0 0 .5rem #6ff,0 0 1rem #3ff;color:#9ff;font-family:inherit;font-size:2.4rem;outline:none;padding:.1rem .7rem .2rem;text-shadow:0 0 .5rem #6ff;width:100%}.btn:active{background-color:#9ff;color:#000;text-shadow:none}.alt-btn{color:#f6f;text-shadow:0 0 .5rem #f6f}.keys.left{width:75%}.keys.left .key{flex:1 1 33.33333%;width:33.33333%}.keys.right{display:flex;width:25%}.keys.right .key{width:100%}.keys.left .zero-key{flex:1 1 66.66666%;width:66.66666%}.keys.right .equals-key{display:flex}.footer{color:#9ff;font-size:1.5rem;margin-top:3rem;text-shadow:0 0 .5rem #6ff}.footer .separator:after{content:"|";margin:0 .25rem}.footer .link{color:#f6f;text-decoration:none;text-shadow:0 0 .5rem #f6f}@media (min-width:20.75em){html{font-size:.5rem}}@media (min-width:25em){html{font-size:62.5%}}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}@-webkit-keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media (max-width:500px){.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}}
/*# sourceMappingURL=style.3be23a9c.css.map */