.container{display:grid;justify-content:center;align-content:center;width:400px;margin:40px auto;grid-template-columns:repeat(4,100px);grid-template-rows:minmax(120px,auto) repeat(5,100px);box-shadow:2px 2px 10px #333;border-radius:10px}.screen{grid-column:1/-1;background-color:#3c4043bf;display:flex;justify-content:space-around;flex-direction:column;padding:10px;border:.3rem solid black;word-wrap:break-word;word-break:break-all;text-align:right;border-top-left-radius:10px;border-top-right-radius:10px}.prevoius{color:#ffffffbf;font-size:1.5rem}.current{color:#fff;font-size:2.5rem}.button{cursor:pointer;font-size:2rem;outline:none;justify-content:center;align-items:center;display:flex;border:.3rem outset black;background-color:#ffffffbf}.button:hover{background-color:#ffffffe6}.button.gridspan{grid-column:span 2}.button.operation{background-color:gray}.button.control{background-color:#87ceeb}.button.equals{background-color:gray;border-bottom-right-radius:10px}.button.decimal{background-color:#fff;border-bottom-left-radius:10px}*,*:before,*:after{box-sizing:border-box;font-weight:400}body{margin:0;padding:0;background:lightblue;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}