*
{
    margin: 0;
    padding: 0;
}

html,
body
{
    height: 100vh;
    font-family: 'Poppins',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
}

.webgl
{
    position: fixed;
    top: 0;
    left: 0;
    outline: none;
    z-index: -1;
}

canvas{
    cursor: grab;
}
canvas:active{
    
    cursor: grabbing;
}

#info {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    z-index: 0;
    pointer-events: none;
}

a{
    pointer-events: all;
}

img{
    vertical-align: middle;
}

h1{
    font-size: 16px;
}

p{
    margin:1em 0;
}

.dg{
    opacity: 0.8;
}

.dg:hover{
    opacity: 1;
}

.dg .c {
    width: 85% !important;
}

.dg .property-name {
    width: 15% !important;
}

.dg .slider {
    width: 88% !important;
}
.dg .has-slider input[type=text] {
    width: 10% !important;
}

.dg.main, .close-button.close-bottom{
    width: 520px !important;
}
.dg.a {
    margin-right: 0 !important;
}

/*# sourceMappingURL=main.css.map*/