.calculator {
    background-color: rgba(227, 230, 238);
}

.title {
    font-weight: bold;
    font-size: 20px;
}

.title span {
    font-weight: normal;
    font-size: 15px;
}

.baterries {
    border: 2px solid rgba(114, 113, 119);
    border-radius: 5px;
}

.baterries * {
    flex: 1;
    border: 1px solid black;
    background-color: rgba(54, 42, 44);
}

.display {
    background-color: rgba(164, 168, 134);
}

.buttons *:not(section) {
    color: white;
    background-color: rgba(141, 141, 169);
}

.buttons *:not(section):hover {
    background-color: rgba(141, 141, 169, 0.8);
}

.buttons .acBtn, .buttons .cBtn {
    background-color: rgba(158, 88, 122);
}

.buttons .acBtn:hover, .buttons .cBtn:hover {
    background-color: rgba(158, 88, 122, 0.8);
}

button:active {
    transform: translateY(1px) scale(0.98);
}

.footer {
    background-color: rgba(227, 230, 238);
}

.footer a {
    color: rgba(158, 88, 122);
}