body {
    background-color: #0a0a23;
}
  
#resultText {
    display: flex;
    background-color: #00000000;
    color: #ffffff;
    width: 80%;
    height: 3vh;

}

.vars {
    font-size: 8vh;
    background-color: #333333;
    height: 8vh;
}

.calculator {
    height: 80%;
    width: 50%;
    background-color: grey;
    color: #ffffff;
    margin: 30px auto 0px;
    padding: 10px;
}

button {
    cursor: pointer;
    color: #ffffff;
    flex-wrap: wrap;
    background-color: #0c0c0b;
    background-image: linear-gradient(#363631, #0c0c0b);
    border: 3px solid #0c0c0b;
    width: 10.5vw;
    height: 10.5vh;
    margin: .5vh;
}

#zero {
    width: 21.8vw;
    height: 10.5vh;
}

button:active {
    background-color: #0c0c0b;
    background-image: linear-gradient(#363631, #0c0c0b);
    border: 3px solid #0c0c0b;
}

.signature {
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 100px;
    display: flex;
    justify-content: center;
}