body {
    margin: 0;
    background: #000000ee;
}

canvas{ 
    height: auto; 
    width:100%;
}

#controls{
    display: none;
    position:fixed;
    z-index: 10;
    background: rgba(255, 208, 0, 0.50);
    padding: 2px;
}

.control-header{
    font-weight: bold;
}

#configToggleLabel {
    background: white;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
}

#configToggle {
    position: fixed;
    opacity: 0;
}

#configToggleLabel:hover, #configToggle:focus + #configToggleLabel {
    opacity: 1;
}

#configToggle:checked ~ #controls {
    display: block;
}

.zoomable {
  transition: transform .2s; /* Animation */
}

.zoomed {
  transform: scale(4);
  transform-origin: top left;
}