div {
    text-align: center;
    margin: auto;
    width: 40%;
}

h1 {
    font-size: 4rem;
    text-align: center;
    margin: 1.5rem;
}

#calcForm {
    background-color: #eee;
}

#calcDisplay {
    background-color: #74b7eb;
    width: 89%;
    height: 5rem;
    margin: 5% 2%;
    padding: 2.5%;
    text-align: right;
}

input {
    background-color: #333;
    margin: 2%;
    width: 20%;
    font-size: 3rem;
    border-radius: 20px;
    color: #fff;
    border-style: none;
}

#plus {
    background-color: #cc5c11;
}

#minus {
    background-color: #ba55d3;
}

#multiply {
    background-color: #249597;
}

#divide {
    background-color: #db4b4b;
}

#equal {
    background-color: #080;
}

#clear {
    background-color: #f00;
}

@media screen and (max-width: 1080px) {
    div {
        width: 70%;
    }
    input {
        font-size: 3rem;
    }
    h1 {
        font-size: 3rem;
    }
    #calcDisplay {
        height: 4rem;
    }
}