.app{border-radius:15px;margin:auto;width:300px;height:500px;background-color:#fff}.display{background-color:#242424;height:20%;max-width:100%;border-radius:15px 15px 0 0;margin:0;color:#fff;font-size:4rem;display:flex;justify-content:end;align-items:center;padding-right:15px;overflow:hidden}.keypad{display:grid;grid-template-columns:repeat(4,1fr);height:80%;width:100%}.key{border:solid black 1px;font-size:2rem;max-width:100%;padding:.125rem .5rem}.equals{grid-column:1 / span 4;background-color:orange;border-radius:0 0 15px 15px}@media screen and (max-width: 500px){.app{width:250px}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#575757;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}