body {
	background-image: linear-gradient(10deg, #ccc, #f5f5f5);
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section {
	transform: rotate(-2deg);
	position: relative;
	background-color: #fff;
	width: calc(100vw - 10rem);
	box-shadow: -0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3);
	margin: 5rem;
	font-size: 0;
	background-image: linear-gradient(
		to bottom,
		#fff calc(1em - 1px),
		#ccc calc(1em - 1px),
		#ccc 1em,
		#fff 1em
	);
	background-position: 0% 1em;
	background-size: 100% 1em;
	background-repeat: repeat-y;

	&:before,
	&:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		box-shadow: -0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
	}

	&:before {
		transform: rotate(-4deg);
		z-index: -1;
	}

	&:after {
		transform: rotate(5deg);
		z-index: -2;
	}
}