occlusionstyle.css

.occheader {
	position: absolute;
	width: 400px;
	height: 400px;
	object-fit: cover;
	margin: 100px;
	filter: drop-shadow(0px 0px 0.5em rgba(0, 0, 0, 0.25));
}

.user-guide-text {
	display: block;
	position: relative;
	color: #BDC3C7;
	
	
	top: 0;
	font-size: 50px;

	text-align: center;
}
.nav_wrapper {
	backdrop-filter: blur(0px);
}

.body-div {
	position: relative;
	display: block;
	top: 53em;
	padding: 5em;
}

.videos {
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translate(-50%, 0%);
}

.video-div {
	position: relative;
	display: inline-block;
	margin-left: 1em;
	margin-right: 1em;
	
}

.header_bg {

	filter: blur(0em);
}

.header_text {
	text-shadow: 2px 2px 0.2em rgba(0, 0, 0, 0.4);
}

.bio_text {
	text-shadow: 2px 2px 0.5em rgba(0, 0, 0, 0.5);
}

.user-guide-video {
	display: block;
	margin-top: 2em;
	position: relative;
	top: 0rem;
	left: 50%;
	transform: translate(-50%, 0%);
	border-radius: 1rem;
	box-shadow: 0px 0px 2em rgba(0,0,0,0.3);
	
	transition-property: border-radius box-shadow;
	transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.175, 1.5);
}

.user-guide-video:hover {
	border-radius: 0.5em;
	box-shadow: 0px 0px 3em rgba(0,0,0,0.3);
}



.downloads-text {
	display: block;
	position: relative;
	color: #BDC3C7;
	
	margin-top: 5em;
	
	left: 50%;
	top: 0;
	font-size: 30px;

	text-align: center;
	transform: translate(-50%, 0%);
}

.download-link {
	color: #3b83f7;
	position: relative;
	display: block;
	font-size: 18px;
	text-decoration: none;
	margin-top: 0.5em;
	text-align: center;
	left: 50%;
	transform: translate(-50%, 0%);
}

.server-text {
	margin-top: 2em;
}