body { 
margin: 0;
 background-size: cover; 
 width: 100vw; 
 height: 100vh;
 opacity:1;
 transform:scale(1);
 display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("./assets/concrete.jpg");

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

}

#noo {
    position: absolute;
    z-index: 3;
    width: 100px;
    left: 0;
	bottom:100px;
	display:block;
	margin:30px;
	
}


#noo img {
	width:inherit;
}

a:hover {
	filter: drop-shadow(30px 10px 4px #00000000)
}


#email {
    position: absolute;
    z-index: 3;
    width: 100px;
    right: 0;
	bottom:0;
	display:block;
	margin:30px;
	
}



#email img {
    width:inherit;
	
}


#me {
    position: fixed;
	top:0;
	width:500px;
	height:100px;

}

			
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 {
		
    margin:auto;
	position:fixed;
	height:100%;
	width:80%;

}








#scenecontain2 a {
	top:150px;
	margin:30px;
	width:80%;
	position:relative;
    height:100px;

}


#scenecontain2 img {
	width:inherit;
	height:inherit;

}




#bottomfeeder {
  position:fixed;
  width:35vw;
  bottom:0;
  filter:invert(1);
  
	
	
	
}


#bottomfeeder img {
   width:inherit;
}