:root {
    --white-background: #e2e2e2;
    --dark-shadow: #b5b5b5;
    --light-shadow: #ffffff;
    --txt-color: #111;
}

.calcs {
    background-color: var(--white-background);
}
.calcs .row>* {
  padding-right:calc(var(--bs-gutter-x) * .3);
  padding-left:calc(var(--bs-gutter-x) * .3);
}
.neumorphistic-borders {
    border: none;
    background: var(--white-background);
    border-radius: 14px;
    box-shadow: 6px 6px 12px var(--dark-shadow), -6px -6px 12px var(--light-shadow);
}

.neumorphistic-soft-borders {
    border: none;
    background: var(--white-background);
    border-radius: 14px;
    box-shadow: 6px 6px 12px var(--dark-shadow), -6px -6px 12px var(--light-shadow);
}

.calcs #result, .calcs input#result {
    border-radius: 13px;
    background: var(--white-background) !important;
    box-shadow: inset 5px 5px 10px var(--dark-shadow), inset -5px -5px 10px var(--light-shadow) !important;
    font-size: x-large !important;
    color: var(--txt-color) !important;
}

.calcs div>a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--txt-color);
}

.calcs div>a:hover {
    color: var(--txt-color);
}

.calcs div>a:active {
    border: none;
    background: var(--white-background);
    box-shadow: inset 6px 6px 12px var(--dark-shadow), inset -6px -6px 12px var(--light-shadow);
}