body {
}
.new {
  position: relative;
	
	width: 100%;
	color: #ffffff;
    background: #000000;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	padding: 0 10%;
}

.section-title {
	position: relative;
	font-size: 2.4rem;
}

.section-title::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	background: #f1c40f;
	transition: 500ms ease-in-out;
}

.section-title.revealed::before {
	width: 0;
}

.section-desc {
	
	transform: translateY(40px);
	opacity: 0;
	transition: 2s ease-out;
}

.section-desc.faded-in {
	transform: translateY(0);
	opacity: 1;
}