*
{
    margin: 0;
    padding: 0;
}


body {
    -ms-overflow-style: none;  /*IE and Edge */
    scrollbar-width: none; /*Firefox */
    overflow-y:hidden;
}

body::-webkit-scrollbar {
    display: none;
}

.webgl
{
    position: fixed;
    top: 0;
    left: 0;
    outline: none;
}


canvas { 
    /* position: fixed; */
    top: 0;
}

section {
   height: 500vh;
}

.loader { 
    width: 40vmin;
	position: absolute;
    z-index: 100;
    top: calc(50% - 20vmin);
    left: calc(50% - 20vmin);
}

.progress {
    stroke: white;
    stroke-width:0.5px;
    stroke-dasharray: 100;
    transform-origin: center;
    transform: rotate(-90deg);
    stroke-dashoffset:100;
    transition: stroke-dashoffset 0.5s;
    -webkit-transition: stroke-dashoffset 0.5s;
    -moz-transition: stroke-dashoffset 0.5s;
    -ms-transition: stroke-dashoffset 0.5s;
    -o-transition: stroke-dashoffset 0.5s;
}

.tree {
    position: absolute;
    stroke: white;
    fill: white;
    width: 25vmin;
    top: calc(50% - 9vmin);
    left: calc(50% - 12.5vmin);
    z-index: 100;
}

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