.calculator {
    width: 300px;
    height: 350px;
    padding: 2%;
    background-color: #808080;
    border: solid 4px #333333;
    border-radius: 5px;
}

.calculator > #ANSWER {
    border: solid 2px #333333;
    border-radius: 5px;
    min-height: 12.5%;
    padding: 1%;
    margin-top:1%;
    line-height: 275%;
}
.calculator input[type="button"] {
    background-color: #333333;
    margin: 2px;
    border: solid #FFC0CB 2px;
    color: #FFC0CB;
    border-radius: 5px;
    width: 20%;
    height: 10%;
}

.calculator  input[type="button"]:hover {
    color: #333333;
    background-color: #FFC0CB;
    border: solid #333333 2px;

    border-radius: 5px;
}

.calculator .buttons .num {
    padding: 5%;
}