* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.body {
	
}
.main {
	width: 100vw;
	height: 100vh;
}
.main > h1 {
	text-align: center;
	margin-bottom: 50px;
	animation-name: forH;
  animation-duration: 4s;
	animation-iteration-count: infinite;
}

@keyframes forH {
  0% {
		transform: translateX(0%);
	}
	25% {
		transform: translateX(10%);
	}
	50% {
		transform: translateX(0);
	}
	75% {
		transform: translateX(-10%);
	}
	100% {
		transform: translateX(0%);
	}
}

.main__wrapper {
	display: flex;
}
.main__inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	display: flex;
	flex-direction: column;
}
.main__inner > img {
	width: 450px;
	height: 450px;
	border-radius: 50%;
	animation-name: forImg;
  animation-duration: 4s;
	animation-iteration-count: infinite;

}
@keyframes forImg {
  0% {
		transform: translateX(0%);
	}
	25% {
		transform: translateX(10%);
	}
	50% {
		transform: translateX(0);
	}
	75% {
		transform: translateX(-10%);
	}
	100% {
		transform: translateX(0%);
	}
}
.main__inner > img {
	width: 450px;
	height: 450px;
	border-radius: 50%;
}
.main__inner > h2 {
	text-align: center;
}
/* MEDIA */

@media (max-width: 1350px) {
	.main__wrapper {
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
	.main__inner > img {
		width: 250px;
		height: 250px;
		border-radius: 50%;
	}
}