body{background-color:#1f1f1f;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0}.mainContainer{background-color:#363533;border:solid 3px;border-radius:7px;width:400px;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.displayContainer{width:100%;height:100px;border:solid;display:flex;align-items:center;justify-content:center}.displayContainer input{width:95%;height:70%;border-radius:25px;background-color:#696969;pointer-events:none;font-size:40px;text-align:right}.displayContainer input :focus{outline:none}.keypadContainer{width:95%;flex-grow:1;display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:4px;padding:10px}.keypadContainer button{background-color:gray;border-radius:5px;font-size:larger}.tallKey{grid-row:span 2;background-color:red!important}.wideKey{grid-column:span 2}.backKey{background-color:red!important}