* { margin:0; padding:0; } /* to remove the top and left whitespace */
html, body { width:100%; height:100%; } /* just to be sure these are full screen*/
canvas { display:block; } /* To remove the scrollbars */

/* canvas { */
/*     position: absolute; top: 0px; left: 0px; z-index: -1; */
/* } */

input[type=range] {
    width: 300px;
}

.bubble {
    position: relative;
    top: 10px; left: 10px;
    z-index: 100;
    background: #D9E9F5;
    width: 350px;
    padding: 9px;
    border-radius: 5px;
    font-family: sans-serif;
}

.bubble + .bubble + .bubble {
    top: 20px;
}

p {
    margin-top: 5pt;
}