body {
background-color: #2f2f2f;
}

div {
position: fixed;
color: white;
}

#numer, #debug, #variables {
z-index: 110;
}

#number {
left: 0px;
}

#debug {
right: 200px;
}

#switch, #playpause {
z-index: 100;
position: fixed;
top: 0px;
right: 0px;
}

#variables {
left: 0px;
bottom: 0px;
}

#canvas{
position: fixed;
left: 0px;
top: 0px;
z-index: 80;
}


#yaxis {
border-left: 4px solid Red;
top: 0px;
z-index: 20;
}

#xaxis {
border-top: 4px solid Blue;
left: 0px;
z-index: 15;
}

#line {
border-left: 2px solid Yellow;
top: 0px;
z-index: 100;
}

#snow_flake {
z-index: 101;
}

.yaxis {
border-left: 2px solid IndianRed;
top: 0px;
z-index: 10;
}

.yaxispi {
border-left: 2px solid Green;
top: 0px;
z-index: 10;
}

.yaxispihalf {
border-left: 2px dashed Green;
top: 0px;
z-index: 10;
}

.xaxis {
border-bottom: 2px solid CornflowerBlue;
left: 0px;
z-index: 5;
}