@charset "utf-8";
/* CSS Document */
html,body{
	margin:auto;
	padding: inherit;
	color: crimson;
	overflow-x: hidden;
	font-family: 'Irish Grover', cursive;
	background-color: mistyrose;
	background-image: url("Visual Vortex_ Immerse Yourself in the World of Dynamic Comics!.png")
	
}
h1{
	text-align: center;
	font-size: 100px;
	filter: drop-shadow(1px 1px 1px gold);
	padding: 0.001%;
	
	
}
h3{
	text-align: center;
	font-size: 30px;
	filter: drop-shadow(1px 1px 1px gold);
	transform: rotateZ(-15deg);
	
	
}
.character{
	display: block;
	padding: 10%;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	filter: drop-shadow(1px 1px 1px gold);

}
.character2{
	display: block;
	padding: 10%;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	filter: drop-shadow(1px 1px 1px gold);


}
.bg-image{
	background-image: url("JarVis.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
.bg-image2{
	background-image: url("War Machine Vinyl Decal - Sticker for Laptop, Car Window, and Bumper.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
.bg-image3{
	background-image: url("Guardsman3.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
.bg-image4{
	background-image: url("7ca8537c-b064-4fe0-ac7a-905cc22a7fe7.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
.bg-image5{
	background-image: url("shang_chi__2021__silver_ten_rings_logo_png__by_mintmovi3_deqhkgf.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
.bg-image6{
	background-image: url("Heart33.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -20px;
}
div{
	display: flex;
	justify-content: center;
	filter: drop-shadow(1px 1px 1px gold);
	width: auto;

}
div1{
	display: flex;
	justify-content: center;
	filter: drop-shadow(1px 1px 1px gold);
	width: auto;
	align-items: center;
	height: auto;
}
p{
	text-align: left;
	font-size: 30px;
	margin:  2%;
	filter: drop-shadow(1px 1px 1px gold);
}
img{
	filter: drop-shadow(1px 1px 1px gold);
}
a{
	padding: 2%;
}
footer{
	text-align: center;
	font-size: 18px;
	display: block;
	bottom: auto;
	padding: 3%; 
	filter: drop-shadow(1px 1px 1px gold);

}