body{
	margin:0;
	padding:0;
}
.l-pageholder{
	width:100vw;
	height:100vh;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}

.l-pageholder img{
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

/*
THIS IS THE CODE YOU WANT TO LOOK AT
Backgrounds should always be in rgba to create a red, green, blue, alpha opaque effect
Adding the backdrop filter adds the background blur
*/

.l-pageholder .e-box{
	position:relative;
	z-index:50;
	width:30vw;
	height:20vh;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:'Arial', sans-serif;
	font-weight:bold;
	font-size:2vw;
	border-radius:10px;
	backdrop-filter:blur(5px);
		background:rgba(255,255,255,0.5);
	border:1px solid rgba(255,255,255,0.6);
	color:#222222;
}

.l-pageholder .e-box.black{
	background:rgba(0,0,0,0.8);
	border:1px solid rgba(0,0,0,0.9);
	color:#fefefe;
}