@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Pacifico|Oxygen);
body {
    width: 100%;
    margin: 0 auto;
    background-color: #555555;
}
.calculator-body {
    width: 270px;
    height:403px;
    background:gray;
    margin:50px auto;
    margin-top: 80px;
    border-radius: 15px;
    font-family: Georgia;
    
}
.owner{
    font-family: Pacifico;
    margin-bottom: -26px;
    margin-left: 7px;
}
button {
    border: 0;
    color: black;
}
button:focus {
    outline: none;
}
button:active {
    border: 1px solid black;
    box-shadow: 0 0 1px #242323;
    transform: translateY(4px);
}
#outcome {
    display:block;
    width:230px;
    height:40px;
    margin:10px auto;
    text-align: right;
    background:#aaa;
    padding-top:27px;
    font-size:30px;
    margin-left: 20px;
    overflow: hidden;
    position: relative;
    top:17px;
    margin-bottom: 17px;
    box-shadow: 2px 2px 1px 1px #222;
    border-radius: 8px;
    color: black;
    letter-spacing: 0.5px;
    font-family: Pacifico;
    padding-bottom: 4px;
}
.first-row {
    margin-bottom: 17px;
    position: relative;
    top:10px;
}
.rows {
    width:232px;
    margin-top:7px;
    margin-left: 18px;
}
#clear {
    margin-left: 5px;
    width: 47%;
    height:50px;
    border-radius:4px;
    margin-right: -1px;
    background-color: rgb(85, 87, 88);
    border-radius: 55px;
}
.button-style {
    width:21%;
    height:50px;
    margin-left:5px;
    border-radius:4px;
    border-radius: 55px;
    background-color: rgb(177, 177, 177);
    box-shadow: 10xp 0 80px #525252;  
    font-family: Pacifico;
}
.allOperators{
    background-color:rgb(159, 168, 170) ;
}
.button-style,#clear:hover {
    cursor: pointer;
}
.operators, .dot-button {
    background-color: rgb(159, 168, 170);
}
.equal-button {
    background-color: rgb(159, 168, 170);
    width: 108px;
}