@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";#root{height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:Montserrat,sans-serif}.wrapper{width:340px;height:540px;padding:10px;border-radius:10px;background-color:#485461;background-image:linear-gradient(315deg,#485461,#28313b 74%)}.display{height:100px;width:100%;margin-bottom:10px;padding:0 5px;background-color:#000;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-weight:700;box-sizing:border-box}.display h1{font-size:3rem}.keypad{width:100%;height:calc(100% - 110px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-gap:10px}button{border:none;background-color:#503cd1;font-size:24px;color:#fff;font-weight:700;cursor:pointer;border-radius:10px;outline:none}button:hover{background-color:#3d2bb8}.equals{grid-column:3 / 5;background-color:orange}.equals:hover{background-color:#ff8c00}.operation{background-color:orange}.operation:hover{background-color:#ff8c00}.clear{background-color:#ff1414}.clear:hover{background-color:#f00000}