@charset "UTF-8";
/* CSS Document */



@font-face{
	font-family: bigJohn;
	src: url("BIGJOHN.otf");
}	




#firstrow{
	height: 12rem;

}

#fullpic{
	z-index: 1;
	height: 80vh;
	
}

#snippetpic{
	opacity: 1;
	z-index: 3;
	position: relative;
	height: 80vh;
	align-content: flex-start;
	top:-80vh;
	mix-blend-mode: luminosity;

}

.in{
	opacity: 1;

}

.stripes{

	position: fixed;
}

#one{
	z-index: 2;
	height: 100vh;
	right:0;
	mix-blend-mode: multiply;
}

#two{
	z-index: -1;
	height: 140vh;
	right:0;
	
}

#three{
	z-index: 2;
	height: 180vh;
	right: 0;
	mix-blend-mode: color-burn;

}

#four{
	z-index: -1;
	height: 220vh;
	left: 0;

}