body{
    background: linear-gradient(to right, rgba(0, 98, 255), rgba(236, 105, 17, 0.931));
    font-family: Gotham Rounded, sans-serif;
    font-weight:normal;
}

button{
    font-size:2rem;
    background-color: rgb(255, 225, 255,0.2);
    border-color:black;
}

button:hover{
    background-color: rgb(255, 225, 255,0.4)
}

.calculator-grid{
    display:grid;
    justify-content:center;
    align-content:center;
    min-height:100vh;
    grid-template-columns: repeat(4, 100px);
    grid-template-rows: minmax(120px, auto) repeat(5, 100px);
}

.span-two{
    grid-column:span 2;
}

.output{
    grid-column: 1/-1;
    background-color:rgba(0, 0, 0, 0.75);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-around;
    padding:10px;
}

.output .previous-operand{
    color:rgba(255,255,255,.75);
    font-size:1.5rem;
}

.output .current-operand{
    color:white;
    font-size:2.5rem;
}