*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;color:#fff;background-color:#000;font-family:"Roboto",sans-serif}button{border:0;cursor:pointer}main{height:100%;width:100%;display:grid;place-items:center}main .calculator{display:flex;flex-direction:column;border:1px solid #fff;border-radius:.5rem;padding:1rem;gap:1.5rem;background-color:#424242}main .calculator .display{height:3.5rem;padding:1rem;text-align:end;font-size:1.5rem;border-radius:.5rem;background-color:gray;border:1px solid #fff}main .calculator .buttons{display:grid;grid-gap:10px;grid-template-columns:repeat(4, 1fr)}main .calculator .buttons button{padding:.5rem;font-size:1.2rem;display:grid;place-items:center;border-radius:.5rem;background-color:gray}main .calculator .buttons button:nth-child(16){height:100%;grid-row:span 2}/*# sourceMappingURL=main.css.map */