/*****************************************************************************/
/** Normal styling																													**/
/** Version 2.0 - Maevanin																									**/
/** Gijs Rosengarten, 2020																									**/
/** http://sphereworks.gwtp.net																							**/
/*****************************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Work Sans', sans-serif; font-weight: 300; color: #000000; }

.EJ-frame { position: relative; min-height: 800px; }
#EJ-A, #EJ-B, #EJ-C, #EJ-D, #EJ-E, #EJ-F { opacity: 0; position: absolute; top: 0; left: 0; }
.animationInView #EJ-A { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.animationInView #EJ-B { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 2s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.animationInView #EJ-C { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 3.5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.animationInView #EJ-D { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.animationInView #EJ-E { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 6.5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
.animationInView #EJ-F { animation-name: EJ-fade; animation-duration: 2s; animation-delay: 8s; animation-fill-mode: forwards; animation-timing-function: ease-in-out;}
@keyframes EJ-fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}