*{
	margin:0;
	padding:0;
}
body{
	display:flex;
	flex-direction:column;
	align-items:center;
	font-family: "Poppins", sans-serif;
	background-color:black;
}
.nav{
	height:70px;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	display:flex;
	align-items:center;
	position:sticky;
	top:0;
	/* z-index:1; */
}
.icons{
	height:100%;
	width:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:15%;
	gap:3%;
}
.icon{
	text-decoration:none;
	color:white;
	padding:3px 15px;
	transition:border-bottom-right-radius 1.5s, border-top-right-radius 1.5s,background-color 0.5s, color 0.3s;
	color:#C10315;
}
.icon:hover{
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
	background-color:#C10315;
	color:white;
}
.main{
	height:633px;
	width:100%;
	background-image:url('images/hero.png');
	background-size:100% 100%;
	position:sticky;
	top:0;
}
.text{
	height:400px;
	width:30%;
	margin-top:5%;
	margin-left:10%;
	display:flex;
	flex-direction:column;
	align-items:start;
}
.learn-more{
	text-decoration:none;
	border:1.5px solid #C10315;
	padding:8px 20px;
	margin-top:1.5%;
	color:white;
	transition:all 0.5s;
}
.learn-more:hover{
	transform:scale(1.03);
	border-radius:8px;
	box-shadow:3px 3px 3px  #C10315;
}
.main2{
	height:700px;
	width:100%;
	background-color:black;
	display:flex;
	flex-direction:column;
	align-items:center;
	position:sticky;
	top:0;
}
.about{
	height:300px;
	width:70%;
	background-image:url('images/about.png');
	background-size:100% 100%;
	margin-top:3%;
	display:flex;
	align-items:end;
}
.abobaki{
	height:120px;
	width:40%;
	margin-left:20%;
}
.characters{
	height:250px;
	width:90%; 
	margin-top:1%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1%;
}
.character{
	height:100%;
	width:15%;
	border:2px solid #C10315;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.img4{
	height:70%;
	width:100%;
}