body { 
margin: 0;
 background-size: cover; 
 width: 100vw; 
 height: 100vh;
 opacity:1;
 transform:scale(1);

}
			
			
			
#cover { 
position:fixed;
background-color:black;
margin: 0;
 background-size: cover; 
 width: 100%; 
 height: 100%;
 opacity:1;
 z-index:20;
 pointer-events:none;

}





			
canvas { 
    width: 100%; 
	height: 100%;
}
			
				
#bong { 
top:100px;
     position:absolute; 
	 z-index:1;
	 right: 0;
	 width:30%;
	 				filter: drop-shadow(2px 4px 6px black);
}
	#bong:hover {
				filter: drop-shadow(2px 4px 6px grey);

				
}
	
	
#scenecontain {
    max-width: 80vw;  
	height: 100vh; 
	overflow-x: hidden;
	filter: drop-shadow(2px 4px 6px black);
}

#scenecontain2 {
		
    max-width: 110vw;  
	height: 100vh; 
	overflow-x: hidden;
}



.images { 
width: 200px; 
margin-top: -500px; 
top:700px;

}
a {
	display:inline-block; 
	width:max-content;
}
#id6 { 
height:280px;
}
#id2 {
	height:280px;
}
#id1 { 
height:280px;
}

			.displayer {
				height:400px;
				filter: drop-shadow(2px 4px 6px black);
}
			.displayer:hover {
				filter: drop-shadow(2px 4px 6px grey);
				
}