html,
body {
    margin: 0;
    padding: 0 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
        'Helvetica Neue', sans-serif;
    min-height:auto !important;
    background: #000;
    color: #eee;
    height: auto !important;
}

pre {
	background:rgba(255,255,255,0);
}

.first-one section {
	position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;

}
html.home,
body.home {
    min-height: 100%;
}

a {
    color: #33a8ff;
}

#content {
 		position: fixed;
    max-width: calc(100% - 20px);
   
 		top: 50%;
 		left: 50%;
 		transform: translate(-50%,-50%);
 		width: 100%;
}

.set-content {
	 position: fixed;
    max-width: calc(100% - 20px);
}

.video-container,
.canvas-container {
    max-width: calc(100% - 20px);
    max-height: 80vh; 
     /*!height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;*/
}

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

.cursor-loading {
    cursor: progress;
}

.test-section {
	min-height:100vh;
	z-index: 2;
	position: relative;
}

header, footer, #projects-menu, #information {display:none !important;}