@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";*,*:before,*:after{box-sizing:border-box;font-family:Montserrat,sans-serif}body{margin:0;height:100vh;background-image:linear-gradient(315deg,#fbb034,#fd0 74%);display:flex;align-items:center;justify-content:center}.wrapper{width:340px;height:440px;padding:36px 24px;border-radius:10px;background-color:#485461;background-image:linear-gradient(315deg,#435461,#28313b 74%)}.screen{min-height:80px;width:100%;margin-bottom:10px;padding:8px 12px;background-color:#4357692d;border-radius:10px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:#ece2e2;font-weight:700;word-wrap:break-word;word-break:break-all}.screen .previous-operand{color:#ffffffbf;font-size:1.2rem}.screen .current-operand{color:#ffffffe6;font-size:2.4rem}.button-wrapper{display:grid;width:100%;height:calc(100%-110px);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-gap:24px 10px;padding:24px 0}button{border:none;background-color:#503cd1;color:#ece2e2;font-size:24px;font-weight:700;cursor:pointer;border-radius:10px;outline:none;transition:all .5s}button:hover{background-color:#ece2e2;color:#503cd1}.span-two{grid-column:3/5;background-color:#fb6c53}.span-two:hover{background-color:#e31b00;color:#ece2e2}