@font-face{font-family:Digital-7;src:url(/js-calculator/assets/Digital-7-Bz8WveId.woff2) format("woff2")}:root{height:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;background:#708090;--white: ghostwhite;--gray: #4f4f4f;--onyx: #0f0f0f;--shadow: 0 0 2px 1px var(--onyx);--lg-shadow: 0 0 4px 1px var(--onyx)}header{font-family:Arial,sans-serif;font-weight:700;position:absolute;color:var(--white);top:2rem}a{font-style:italic;color:var(--white)}a:hover{color:var(--onyx)}a:active{color:#c71585}main{font-family:Digital-7,monospace;display:flex;flex-direction:column;width:14em;height:22em;gap:1em;padding:2em;border-radius:1em;box-shadow:var(--lg-shadow);background:#dcdcdc}#screen{overflow:hidden;box-shadow:inset var(--lg-shadow);text-align:right;height:4em;padding:6px 8px;border-radius:8px;background:var(--gray)}#formula{white-space:nowrap;height:1em;font-size:22px;padding-right:2px;color:#0d6}#display{height:1em;font-size:32px;padding-top:4px;padding-right:2px;color:var(--white);-webkit-user-select:text;user-select:text}#display::selection{color:var(--gray);background:var(--white)}#keypad{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px}button{border:0;outline:none;font-family:inherit;cursor:pointer;font-size:24px;width:2em;height:2em;border-radius:1em;box-shadow:var(--shadow);background:var(--white)}button:hover{box-shadow:var(--lg-shadow)}button:active{color:var(--white);background:#696969}.deletion:active{background:#b22222}.operator:active{background:#1e90ff}#equals{width:100%;grid-area:5 / 3 / span 1 / span 2}#equals:active{background:#228b22}@media only screen and (height <= 576px){:root{padding:4em}header{visibility:hidden}}