.stargate-ancient-tech-screens,
#canvas-bg{
	position:fixed;	
}

.stargate-ancient-tech-screens,
#canvas-bg{
	top:0;
	left:0;
	
	width:100vw;
	height:100vh;
	
	overflow:hidden;
	
	z-index:-5;
	/*font-family: "StargateAncientTextCanvas", sans-serif !important;	*/
}
.stargate-ancient-tech-screens .stargate-ancient-text-effect canvas{
	height:100%;
	width:100%;
}
.stargate-ancient-tech-screens{z-index:-1;}
.stargate-ancient-tech-screens .stargate-ancient-text-effect{
	position:fixed;	
	
	overflow:hidden;
	
	opacity:0;
	
	top:50%;
	left:50%;
	/*z-index:-2;	*/
	background-color:black;
	 transform:translate(-50%, -50%) scale(1);
	
}

.stargate-ancient-tech-screens canvas{
	transition: all 2s;
	opacity:0;
	/*transform: scale(0.1);*/
}
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect{
	top:initial;
	left:initial;
	 transform:translate(0%, 0%) scale(1);
	opacity:1;
}

.stargate-ancient-tech-screens.active canvas{
	/*transform: scale(1);*/
	opacity:1;
}
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(1){ width:35%; height:50%; transition: all 2s; }
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(2){ transition: all 3s; }
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(3){ width:10%; height:10%; transition: all 1.5s; }
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(4){ width:10%; height:25%; transition: all 3.5s; }
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(5){ transition: all 3s; }
.stargate-ancient-tech-screens .stargate-ancient-text-effect:nth-child(6){ transition: all 1s; }

.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(1){ top:10%; left:5%; width:35%; height:50%; }
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(2){ top:10%; right:5%; }
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(3){ bottom:10%; left:5%; width:10%; height:10%; }
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(4){ bottom:10%; right:5%; width:10%; height:25%; }
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(5){ top:5%; left:2%; }
.stargate-ancient-tech-screens.active .stargate-ancient-text-effect:nth-child(6){ top:50%; left:50%; transform:translate(-50%, -50%) scale(1); }


.text-ancient{
}


/* Font Data */

@font-face {
    font-family: 'StargateAncientTextCanvas';
	src:url("/assets/fonts/Stargate-Ancient-Text.ttf") format('ttf');
	src:url("/assets/fonts/Stargate-Ancient-Text.woff") format('woff');
    font-weight: normal;
    font-style: normal;	
}