.multitext {
	color: rgb(237, 233, 176);
}

.about {
	position: relative;
	padding: 0 5%;
	background: rgb(53, 42, 56);
	animation: transitionIn 1.5s;
	overflow: hidden;
}

.about h2 {
	font-size: 50px;
	color: white;
	margin-bottom: 0;
	text-align: center;
}

.about p {
	text-align: justify;
}

#page-about-me .cols {
	width: 50%;
}

.abt-wrap {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1024px) {
	.abt-wrap {
		flex-direction: column;
		margin-top: 40px;
	}

	#page-about-me .cols {
		width: 100%;
	}
}

.imgbox {
	position: relative;
	width: 100%;
	height: 100%;
}

.imgbox img {
	position: relative;
	height: 90%;
	width: 90%;
	top: -100px;
	right: 50px;
	animation: animateUser 5s linear infinite;
	margin-left: 50px;
}

@keyframes animateUser {
	50% {
		top: -90px;
		right: 30px;
	}
}

.imgbox #splash {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-35deg);
	width: 130%;
	animation: animate 5s linear infinite;
}

@keyframes animate {
	50% {
		top: 49%;
		left: 51%;
		width: 155%;
	}
}