html, body {
  width:  100%;
  height: 100%;
  margin: 0;
  font-size:12px;
}

#my-canvas {
    display: inline-block;
}

div.controls {
    max-width: 15%;
    display: inline-block;
    vertical-align: top; 
}

div.controls button {
    margin: 2px;
}

#speedSlider { 
    margin: 10px ; 
}

button#start, button#reset, button#step {
    font-size: 15px;
    margin: 10px;
}

.blue {
    color: blue;
}

select#patterns {
    margin-bottom: 10px;
}