*{font-family:sans-serif;font-size:18px;margin:0}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:40px;margin:40px 0}.container{background-color:#fff;border:2px solid;border-radius:7px;margin:0 auto;width:300px;height:400px;padding:20px;display:flex;text-align:center;flex-direction:column;justify-content:center}.screen{width:300px;height:400px}.screen input{width:270px;height:80px;padding:8px 8px 0;border-radius:7px;font-size:x-large;text-align:right;font-weight:600;letter-spacing:1px}.keys{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(60px,auto)}button{background-color:#fff;margin:5px;padding:15px;border:none;border-radius:5px;box-shadow:0 1px 2px #0003,0 1px 4px #00000030;font-size:20;font-weight:600;cursor:pointer;transition:background-color ease-in-out .1s}button:hover{background-color:#f99494;box-s}#clear{grid-column:1/3;grid-row:1;color:#1dc907}#clear:hover{grid-column:1/3;grid-row:1;background-color:#1dc907;color:#000}#operation{color:#1dc907}#operation:hover{background-color:#1dc907;color:#000}#result{grid-column:3/5;grid-row:5;background-color:#1dc907}#result:hover{background-color:#000;color:#fff}