body {
	overflow-x: hidden;
}

strong,
.font-weight-bold {
	font-weight: 900 !important;
}

.sunburst {
	background-color: #3D95FA;
	left: 0;
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
	z-index: -1;
}

.sunburst::after {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(11.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(33.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(56.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(78.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(101.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(123.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(146.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(168.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33);
	background-position: -152.5% -99%;
	background-size: 200% 200%;
	border-top: 2px solid #FA4D33;
	bottom: 0;
	box-sizing: content-box;
	content: '';
	display: block;
	height: 33%;
	top: 500px;
	min-height: 200px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.sunburst::before {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(11.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(33.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(56.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(78.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(101.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(123.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(146.25deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33),
		linear-gradient(168.75deg, rgba(0, 0, 0, 0) 50%, #3D95FA 50%, #3D95FA),
		linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #FA4D33 50%, #FA4D33);
	background-position: -147.5% center;
	background-size: 200% 200%;
	content: '';
	display: block;
	height: 1000px;
	left: 0;
	min-height: 600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	transform: rotate(180deg);
	width: 100%;
}

.band-red {
	position: relative;
}

.band-red::after {
	background: #DE5349;
	border: 4px solid #E0DE36;
	content: '';
	display: block;
	height: 100%;
	left: -100vw;
	position: absolute;
	top: 0;
	width: 300vw;
	z-index: -1;
}


.circle-red {
	background: #DE5349;
	border: 6px solid #E0DE36;
	border-radius: 50%;
	height: 400px;
	left: 50px;
	margin: 0 auto;
	padding: 30px 10px;
	position: relative;
	transform: rotate(-5deg);
	width: 400px;
}

.circle-red::before {
	background: #E0DE36;
	content: '';
	height: 50%;
	left: -100vw;
	position: absolute;
	width: 300vw;
	top: 50%;
}


.thomas-form {
	background: #E0DE36;
	margin-top: -150px;
	position: relative;
	z-index: 1;
}


.thomas-ninja {
	bottom: 45%;
	height: 280px;
	left: -120px;
	position: absolute;
	z-index: 2;
}
.thomas-ninja > img {
	height: 100%;
	transform: rotate(7deg);
	width: auto;
}

.thomas-ninja-right {
	bottom: 45%;
	height: 280px;
	left: 340px;
	position: absolute;
	z-index: 2;
}
.thomas-ninja-right > img {
	height: 100%;
	transform: rotateY(180deg) rotate(7deg);
	width: auto;
}