#pi-approximation-simulation canvas {
    display: block;
    margin: auto;
}

#pi-approximation-simulation .button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#pi-approximation-simulation button {
    font-family: 'Lora', serif;
    margin: 5px;
    border: solid 1px #0580AD;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1rem;
    font-family: 'Lora', serif;
    width: auto;
    background: white;
    display: inline-block;
    float: none;
    clear: none;
}

#pi-approximation-simulation .speed-control {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

#pi-approximation-simulation .speed-control * {
    margin: 5px;
    display: inline-block;
    width: auto;
    padding: 0px;
    box-sizing: border-box;
    border: none;
}

#pi-approximation-simulation .speed-control input[type=range]:active {
    border: solid thin black;
}

#pi-approximation-simulation button:hover {
    cursor: pointer;
    background: rgb(78, 158, 189);
    color: white;
}