@charset "utf-8";
/* CSS Document */
html, body{
	padding: inherit;
	margin: auto;
	overflow-x: hidden;
	color: hotpink;

}
.BG{
	background-image: url("comics.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
}
video{
	object-fit:cover;
	width: 100%;
	height: 100%;
	position:absolute;
	z-index: -3;
}
.glow{
	filter: drop-shadow(2px 2px 2px black);
	animation: glows alternate linear infinite 3s; 
}
@keyframes glows{
	from{
		filter: drop-shadow(1px 1px 1px white);
	}
	to{
		filter: drop-shadow(1px 1px 30px white);
	}
}
.glow2{
	color: white;
	filter: drop-shadow(2px 2px 2px white);
	animation: glows2 alternate linear infinite 3s; 
}
@keyframes glows2{
	from{
		filter: drop-shadow(1px 1px 1px black);
	}
	to{
		filter: drop-shadow(1px 1px 30px black);
	}
}

div{
	height: auto;
	width: 100%;
	position: relative;
}
h1{
	text-align: center;
	font-size: 60px;
	text-shadow: 2px 2px 3px black;
	padding: 1%;
}
p{
 text-align: left;
 font-size: 30px;
 text-shadow: .5px .5px .5px black;
 padding: 2%;
}

footer{
	text-align: center;
	font-size: 18px;
	text-shadow: 0.5px 0.5px 1px black;
	padding: 2%;
}