ArithmeticBoi.css

.gameWindow {
    font-size: 20px;
    font-weight: bold;
    font-family: monospace, courier;
    color: rgb(114, 94, 146);
    background: rgb(166, 211, 124);
    border-radius: 20px;
    width: 450px;
    height: 250px;
    border: 15px solid #808080;
    margin: 30px auto;
    text-align: center;
    box-shadow: inset -1px 2px 10px 5px #575757;
}


/* zum zentrieren eines divs -> Eingabefeld für Ergebnisse */

.center {
    margin: 0px auto;
    text-align: center;
}

.inputWindow {
    font-size: 100px;
    font-weight: bold;
    font-family: monospace, courier;
    background: white;
    height: 120px;
    width: 400px;
    padding: 20px;
    box-shadow: 15px 15px 15px grey;
}

.settingButtons {
    background: rgb(100, 100, 100);
    color: rgb(218, 218, 218);
    height: 30px;
    width: 90px;
    font-size: 17px;
    margin: 15px;
    box-shadow: 15px 15px 15px rgb(107, 107, 107);
    border: 3px solid rgb(65, 65, 65);
    border-radius: 5px;
}

.settingButtons:hover {
    cursor: pointer;
}

.settingButtons:active {
    box-shadow: 10px 10px 20px grey inset;
}

.toggleButtons {
    background: white;
    height: 40px;
    width: 40px;
    font-size: 17px;
    margin: 15px;
    box-shadow: 15px 15px 15px grey;
    border: 3px solid rgb(209, 72, 147);
    border-radius: 5px;
}

.toggleButtons:hover {
    cursor: pointer;
}

.toggleButtons:active {
    box-shadow: 10px 10px 20px grey inset;
}