body{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
}
.navbar{
	position:flex;
	display:flex;
	background-color:burlywood;
	top:0;
	width:100%;
	height:90px;
	align-items:center;
	justify-content:center;
	z-index:1000;
}
.link{
	list-style:none;
	margin-left:auto;
	display:flex;
	gap:25px;
}
.link li a{
	display:flex;
	text-decoration:none;
	color:white;
	padding:8px 12px;
	font-size:18px;
	margin-right:auto;
	transition:1.5s;
	border-radius:30px;
	align-items:center;
	justify-content:center;
	font-family:Poppins, sans-serif;
}
#content{
	padding:80px 60px;
}
section{
	display:flex;
	align-items:center;
	gap:6px;
	padding:60px 20px;
	min-height:100vh;
	flex-direction:column;
	background:linear-gradient(120deg,navajowhite,burlywood);
	color:white;
}
.fade-in{
	opacity:0;
	transform:transLateY(20px);
	animation:fadeInUp 1s ease-out forwards;
}
.fade-up{
	opacity:0;
	transform:transLateY(20px);
	animation:fadeInUp 1s ease-out forwards;
}
.img{
	width:300px;
	height:300px;
	object-fit:cover;
	padding:10px;
	border-radius:50%;
	opacity:0;
	transform:transLateY(20px);
	animation:fadeInUp 1s ease-out forwards;
}

@keyFrames fadeInUp {
	from {
		opacity:0;
		transform:transLateY(20px);
	}
	to {
		opacity:1;
		transform:transLateY(0);
	}
}

.link li a:hover{
	background-color:moccasin;
}