.root {
    -fx-background-color: black;
    -fx-font-family: Menlo;
}

.button {
    -fx-border-radius: 0;
    -fx-background-radius: 0;
    -fx-background-color: lightgrey;
    -fx-text-fill: black;
    -fx-font-size: 150%;
}

.button:hover {
    -fx-opacity: 80%;
}

.button:pressed {
    -fx-background-color: black;
    -fx-text-fill: white;
}

.operation {
    -fx-background-color: orange;
}

.mathoperation {
    -fx-background-color: red;
    -fx-font-weight: bolder;
}

.display {
    -fx-font-family: Menlo, Consolas, monospace;
    -fx-text-fill: white;
}

#display {
    -fx-opacity: 100%; /* counter the disable styling */
    -fx-background-color: black;
    -fx-font-weight: bold;
    -fx-font-size: 48px;
    -fx-alignment: center-right;
}

#operation {
    -fx-opacity: 90%;
    -fx-background-color: transparent;
    -fx-font-size: 24px;
    -fx-alignment: baseline-left;
}

.emoji {
    -fx-font-family: "Apple Color Emoji" !important;
    -fx-font-size: 41px !important;
    -fx-background-color: white;
    -fx-text-fill: white !important;
}