* {
    box-sizing: border-box;
    margin: 0;
    background-color: #2a2a33;
    color: #fff;
}

.wrapper {
    margin: 2rem;
}

h1 {
    margin-bottom: 2rem;
}

p {
    margin-bottom: 60px;
}

html {
    font-family: sans-serif;
}

#zahl {
    border: solid 2px #fff;
    padding: 0.5em;
    width: 10em;
}

#startButton {
    border: solid 2px #fff;
    padding: 0.5em 1em;
    cursor: pointer;
}

#graph {
    margin: 2rem 0;
}

#tabelle {
    position: relative;
    display: grid;
}

#spalte1 {
    display: inline-grid;
    grid-row: 1;
}

#spalte2 {
    display: inline-grid;
    grid-row: 1;
}

.tabelleVal {
    width: 100%;
    border: solid 1px #666;
    padding: 0.5em;
    text-align: center;
}

.rot {
    color: #f33;
}

.gruen {
    color: #3f3;
}