body{
margin: 0;
padding: 0;
font-family: montserrat, sans-serif;
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
#container{
display: grid;
grid-template-columns: auto auto auto auto;
width: 360px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}#display{
grid-column: 1/5;
background: rgba(0,0,0,0.7);
color: white;
text-align: right;
padding: 10px 20px;
}
.clear{
grid-column: 2/4
}
.item{
padding: 20px;
border: none;
font-size: 18px;
font-family: montserrat, sans-serif;
margin: 0.5px;
}
.equal{
grid-column: 3/5
}
#Result{
font-size: 22px;
}