body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-1: #222831;--color-2: #393e46;--color-3: #eeeeee;--shadow-distance: 20px;--shadow-color-1: #1b2027;--shadow-color-2: #29303b}html{box-sizing:border-box;font-size:10px}body{font-size:1.6em}.App{margin:0;padding:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-1)}.ribbon{padding:.6em 0;color:var(--color-1);text-decoration:none;position:fixed;background:var(--color-3);box-shadow:0 0 0 999px var(--color-3);clip-path:inset(0 -100%);inset:0 0 auto auto;transform-origin:0 0;transform:translate(29.3%) rotate(45deg)}@media(max-width:768px){.ribbon{display:none}}@media(prefers-color-scheme:light){:root{--color-1: #e0e0e0;--color-2: #e0e0e0;--color-3: #222831;--shadow-color-1: #b3b3b3;--shadow-color-2: #ffffff}}.calculator{font-size:3rem;min-height:28rem;display:flex;flex-direction:column;align-items:center}.input{font-size:inherit;font-family:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI;width:min(50vw,85rem);padding:.5em;border:none;border-radius:25px}.input:focus{outline:none}.result{color:var(--color-3);margin-top:5rem;font-size:4.5rem;min-height:5rem;text-align:center;font-family:monospace}.input{color:var(--color-3);background:var(--color-2);box-shadow:var(--shadow-distance) var(--shadow-distance) calc(2 * var(--shadow-distance)) var(--shadow-color-1),calc(-1 * var(--shadow-distance)) calc(-1 * var(--shadow-distance)) calc(2 * var(--shadow-distance)) var(--shadow-color-2)}@media(max-width:768px){.input{width:80vw}}