body {
    text-align: center;
    background-color: rgba(0, 89, 255, 0.158);
}

.container {
    margin: 50px;
    padding: 30px;
}

.box {
    display: flex;
    align-items: center;
    justify-content: center;
}

button {
    width: 80px;
    height: 50px;
    border: 1px solid rgb(0, 0, 0);
    margin: 2px;
    background-color: rgba(245, 77, 10, 0.993);
    color: rgb(255, 255, 255);
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
    -webkit-box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
}

input {
    width: 320px;
    text-align: right;
    height: 80px;
    border: 1px solid rgb(57, 231, 223);
    margin: 1px;
    background-color: rgba(0, 0, 0, 0.068);
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 20px;
    color: black;
    box-shadow: -1px 8px 91px 116px rgba(136, 204, 231, 0.66) inset;
    -webkit-box-shadow: -1px 8px 91px 116px rgba(166, 219, 240, 0.66) inset;
    -moz-box-shadow: -1px 8px 91px 116px rgba(160, 221, 245, 0.66) inset;
    box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
    -webkit-box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: 6px 11px 17px -3px rgba(0, 0, 0, 0.67);
}

.box .operator {
    background-color: rgba(0, 0, 0, 0.808);
}

.box .operator:hover {
    background-color: rgba(74, 74, 75, 0.596)
}

h1 {
    color: rgb(13, 95, 95);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

button:hover {
    background-color: rgba(248, 89, 26, 0.747);
    transition: background-color.3s;
    box-shadow: -1px 8px 52px 5px rgba(0, 119, 255, 0.66);
    -webkit-box-shadow: -1px 8px 52px 5px rgba(0, 119, 255, 0.66);
    -moz-box-shadow: -1px 8px 52px 5px rgba(0, 119, 255, 0.66);
}