* {
    /* border: 1px solid coral; */
    font-family: San Francisco, sans-serif;
    color: #444;
    font-size: 14px;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    background-color: #1a1b1b;
    overflow: hidden;
    overflow: hidden;
}

canvas {
    /* Trick: border without affecting render size*/
    /* https://stackoverflow.com/a/13517809/1934487 */
    -webkit-box-shadow: 0px 0px 0px 1px #ddd;
    -moz-box-shadow: 0px 0px 0px 1px #ddd;
    box-shadow: 0px 0px 0px 1px #ddd;
    border-radius: 10px;
}

#canvas-container {
    flex-grow: 1;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
}

#control-container {
    position: windowWidth * 0.5;
    position: windowHeigth * 0.5;
}

#save-canvas-button s{
    position: windowWidth * 0.5;
    position: windowHeigth * 0.5;
}