body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.grid-panel {
    position: absolute; 
    left: 20px; 
    top: 80px
}

#snap {
    margin-left: 5px;
}

#grid {
    margin-left: 5px;
    border-radius: 5px;
    border-width: 1px;
    text-align: center;

}


.color-picker {
    display: none;
}

.webgl-canvas {
    display: inline-block;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    margin-top: 1px;
    z-index: -1;
    position: fixed;
}

.sidebar {
    right: 0;
    text-align: center;
    height: 100vh;
    position: fixed;
    background-color: white;
    padding-top: 60px;
    box-shadow: -2px 0px 10px #00000021;
}

.sidebar-item {
    margin-top: 5px;
}

canvas {
    width: 100vw;
    height: 100vh;
    display: block;
    cursor: pointer;
}