<div>hogehoge</div>
* {
	margin: 0;
	padding: 0;
}
div {
	width: 100%;
	height: 100vh;
	background: linear-gradient(125deg, #fdff9c 0%, #0500ff 100%),
		linear-gradient(180deg, #d3d3d3 0%, #161616 100%),
		linear-gradient(
			310deg,
			#00f0ff 0%,
			#00f0ff 20%,
			#0017e3 calc(20% + 1px),
			#0017e3 40%,
			#000f8f calc(40% + 1px),
			#000f8f 70%,
			#00073f calc(70% + 1px),
			#00073f 100%
		),
		linear-gradient(
			285deg,
			#ffb6b9 0%,
			#ffb6b9 35%,
			#fae3d9 calc(35% + 1px),
			#fae3d9 45%,
			#bbded6 calc(45% + 1px),
			#bbded6 65%,
			#61c0bf calc(65% + 1px),
			#61c0bf 100%
		);
	background-blend-mode: overlay, overlay, exclusion, normal;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.