html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Arial,Helvetica,sans-serif;margin:0 auto}#root{min-height:60vh;max-width:310px;margin:0 auto}#wrapper{border:1px solid black;border-radius:15px;display:flex;flex-direction:column;padding:10px;background-color:#615f5f}.displayScreen{height:290px;height:50px;margin-bottom:10px;border:1px solid black;background-color:#cc7070;border-radius:5px;align-items:right;overflow-x:visible}.memory{color:#00f;padding-left:2px;text-align:left}.input{padding-right:2px;margin-bottom:10px;padding-left:5px;display:flex;justify-content:right;max-height:290px;overflow-y:hidden}#allButtons{display:grid;grid-template-columns:repeat(5,50px);gap:10px;text-align:center;align-items:center}.ms,.mc,.mr,.m-minus,.m-plus{background-color:#78878b;border:1px solid black;border-radius:5px;width:50px;height:25px;display:flex;align-items:center;justify-content:center}.ac,.c,.sign,.decimal,.square-root,.percent{background-color:#9b9999;border:1px solid black;border-radius:5px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.zero{background-color:gray;border:1px solid black;border-radius:5px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.multiply,.add,.subtract,.divide{background-color:#9b9999;border:1px solid black;border-radius:5px;width:50px;height:50px;color:#000;display:flex;align-items:center;justify-content:center}.equal{background-color:#9b9999;border:1px solid black;border-radius:10px;width:110px;height:50px;display:flex;align-items:center;justify-content:center}li{list-style:none}.ms{grid-column-start:1;grid-row-start:1}.mc{grid-column-start:2;grid-row-start:1}.mr{grid-column-start:3;grid-row-start:1}.m-minus{grid-column-start:4;grid-row-start:1}.m-plus{grid-column-start:5;grid-row-start:1}.divide{grid-column-start:5;grid-row-start:2}.multiply{grid-column-start:5;grid-row-start:3}.add{grid-column-start:5;grid-row-start:4}.subtract{grid-column-start:5;grid-row-start:5}.equal{grid-column-start:4;grid-row-start:6}.seven{grid-column-start:2;grid-row-start:3}.eight{grid-column-start:3;grid-row-start:3}.nine{grid-column-start:4;grid-row-start:3}.four{grid-column-start:2;grid-row-start:4}.five{grid-column-start:3;grid-row-start:4}.six{grid-column-start:4;grid-row-start:4}.one{grid-column-start:2;grid-row-start:5}.two{grid-column-start:3;grid-row-start:5}.three{grid-column-start:4;grid-row-start:5}.zero{grid-column-start:2;grid-row-start:6;width:110px;height:50px}.sign{grid-column-start:1;grid-row-start:6}.decimal{grid-column-start:1;grid-row-start:5}.percent{grid-column-start:1;grid-row-start:3}.square-root{grid-column-start:1;grid-row-start:4}.c{grid-column-start:3;grid-row-start:2;width:110px;height:50px}.ac{grid-column-start:1;grid-row-start:2;width:110px;height:50px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0 auto;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}