canvas {
width: 100%;
height: 100%;
}
#buttonsright {
text-align: center;
background: rgba(200, 200, 200, 0);
margin:0 auto 0;
position: absolute;
bottom: 0.5em;
right: 0.5em;
padding: 0.5em;
width: 25em;
height: 6em;
border-radius: 8px;
}
#buttonsleft {
text-align: center;
background: rgba(200, 200, 200, 0);
margin:0 auto 0;
position: absolute;
bottom: 0.5em;
left: 0.5em;
padding: 0.5em;
width: 15em;
height: 4em;
border-radius: 8px;
}
#shelltoggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(255,0,0, 0.5);
height: 6em;
width: 5em;
border-radius: 8px;
}
#irontoggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(102, 102, 255, 0.5);
height: 6em;
width: 5em;
border-radius: 8px;
}
#interiortoggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(0, 255, 0, 0.5);
height: 6em;
width: 5em;
border-radius: 8px;
}
#knotstoggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(255, 255, 0, 0.8);
height: 6em;
width: 5em;
border-radius: 8px;
}
#vectortoggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(255, 255, 0, 0.8);
height: 6em;
width: 5em;
border-radius: 8px;
}
#toggle {
text-align: center;
vertical-align: top;
color: white;
background: rgba(200, 200, 200, 0.5);
height: 4em;
width: 5em;
border-radius: 8px;
}