*{box-sizing:border-box}body{background-color:#fff;background-image:url(./bg-DuZ8nA3x.jpg);background-repeat:no-repeat;background-size:cover;margin:0;padding:0;font-family:Roboto,sans-serif}a{color:#802d5e}.screen_wrapper{--screen-padding:5px;padding:var(--screen-padding);background-color:#9993;justify-content:flex-end;align-items:flex-end;display:flex}.result{--digit-width-em:.65;--text-width:calc(var(--calculator-width) - 2 * var(--screen-padding));color:#fff;font-size:3em;font-size:min(3em, calc(var(--text-width) / (var(--digit-width-em) * var(--screen-text-length,1))));text-align:right;white-space:nowrap;font-weight:100;overflow:hidden}#result{color:#ffffff40;z-index:-1;font-size:20rem;font-style:italic;font-weight:300;position:fixed;bottom:0;right:10px}.btn{--button-size:calc(var(--calculator-width) / 4);height:var(--button-size);font-size:1.5em;line-height:var(--button-size);text-align:center;width:var(--button-size);border:1px solid #8e8e8e;margin:0;padding:0;display:inline-block}.btn:active{background-color:#b2b2b2}.btn-large{flex-grow:2}.function_container{background-color:#d6d6d6;flex-direction:row;grid-area:function;display:flex}.numeric_container{background-color:#e0e0e0;flex-flow:row-reverse wrap;grid-area:numeric;display:flex}.operator_container{color:#fff;background-color:#f5923e;flex-direction:column;grid-area:operator;display:flex}.keyPad_wrapper{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"function function function operator""numeric numeric numeric operator""numeric numeric numeric operator""numeric numeric numeric operator""numeric numeric numeric operator";display:grid}.copyright{color:#fff;writing-mode:vertical-rl;font-size:1rem;position:fixed;top:20px;right:0;transform:rotate(180deg)}.social-links{align-items:center;margin-top:1rem;display:flex}@media (width>=768px) and (height>=600px){.social-links{margin-top:0;position:fixed;bottom:20px;left:20px}}.social-links svg{fill:#ffffff70;width:3rem;height:3rem;margin-right:1.2rem}.social-links svg:hover{fill:currentColor}.tech-stack{border-left:2px solid #ffffff70;padding-left:1.2rem}.tech-stack p{color:#ffffff70;margin:0}.tech-stack svg{width:3rem;height:2rem;margin-right:1.2rem}:root{--copyright-gutter:2.5rem;--calculator-width:min(300px, calc(100vw - 2 * var(--copyright-gutter)))}.main_wrapper{width:var(--calculator-width);border-radius:10px;grid-template-rows:80px auto;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;display:grid;overflow:hidden;box-shadow:0 0 20px}:root{--page-margin:1rem}html{width:100%;height:100%}.app_container{min-height:100dvh;padding:var(--page-margin);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}