body {
	background: 
		linear-gradient(180deg, transparent, #ff9a57bb 50%),
		radial-gradient(
			ellipse at 50% 60%,
			#ff9a57bb,
			transparent
		),
		linear-gradient(180deg, #00202e, #003f5c, #2c4875);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
}

.sun {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(
		circle at 50% 60%,
		#fff8dc 0%,
		#f6d365 20%,
		#d4af37 60%,
		#b8860b 85%,
		#fff8dc 100%
	);
	position: relative;
	box-shadow: 0 0 500px #fff8dc, 0 0 200px #ff9a57, 0 0 100px #2c4875,
		inset 0 0 50px #ff9a57;
	)
}

.ocean {
	position: absolute;
	background: 
		linear-gradient(180deg, #fff8dc55, transparent 5%),
		linear-gradient(180deg, #fff8dc55, transparent 25%),
		linear-gradient(180deg, #fff8dc55, transparent 50%, transparent),
		radial-gradient(circle at 50% 0, #fff8dc, #ff9a57 10%, #005a8e 50%);
	top: 50%;
	left: 0;
	height: 50%;
	width: 100%;
	box-shadow: 0 0 5px #fff8dc;
}