*{margin:0;padding:0;box-sizing:border-box}body,html{margin-bottom:4rem;background:rgb(2,0,36);background:linear-gradient(90deg,rgba(186,184,207,1) 31%,rgba(251,242,253,1) 100%);z-index:1}main{margin-bottom:24rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}section{width:100%;height:14rem;display:flex;align-items:baseline;justify-content:center;z-index:0}.calculator{background-color:#363636;width:auto;height:auto;margin:2rem;padding:1rem;z-index:2;position:absolute;border-radius:12px;display:grid;grid-template-columns:repeat(4,75px);grid-template-rows:160px repeat(5,75px);filter:drop-shadow(.5rem .5rem 1rem rgb(38,57,77))}.display{grid-column:1 / -1;padding:16px;display:flex;margin:10px 10px 20px;flex-direction:column;align-items:flex-end;background-color:#464646;text-align:right;justify-content:space-between;word-break:break-all;font-weight:700}.display div{margin:0;font-size:24px;cursor:default;color:#fff}button{cursor:pointer;margin:5px;padding:0;font-size:1.5em;border:none;background-color:#474747;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}button:active{background-color:#1f1f1f}button:focus{outline:none}button.col-1{grid-column:span 1}button.col-2{grid-column:span 2}