<div class="fixed top-0 right-0 -z-10 h-screen w-screen bg-light-breeze sm:bg-light-blue dark:bg-dark-aubergine dark:sm:bg-black">
	<div class="hidden sm:block">
		<div class="absolute -right-20 bottom-20 text-lilac/60 blur-3xl saturate-[.8] opacity-40 dark:opacity-30 dark:text-purple/60">
			<svg
					xmlns="http://www.w3.org/2000/svg"
					class="h-[500px] w-[500px]"
					viewBox="0 0 200 200"
					fill="currentColor">
				<circle data-name="ellipse" cx="100" cy="100" r="100"></circle>
			</svg>
		</div>

		<div class="absolute -top-20 left-1/4 text-lilac/60 blur-3xl saturate-[.8] opacity-40 dark:opacity-30 dark:text-purple/60">
			<svg
					xmlns="http://www.w3.org/2000/svg"
					class="h-[500px] w-[500px]"
					viewBox="0 0 200 200"
					fill="currentColor">
				<circle data-name="ellipse" cx="100" cy="100" r="100"></circle>
			</svg>
		</div>

		<div class="absolute top-20 right-20 text-aquamarine blur-3xl saturate-[.9] opacity-10 dark:opacity-[.25] dark:text-light-violet/80">
			<svg
					xmlns="http://www.w3.org/2000/svg"
					class="h-[450px] w-[450px]"
					viewBox="0 0 200 200"
					fill="currentColor">
				<circle data-name="ellipse" cx="100" cy="100" r="100"></circle>
			</svg>
		</div>

		<div class="absolute -bottom-20 left-20 text-aquamarine blur-3xl saturate-[.9] opacity-10 dark:opacity-[.25] dark:text-light-violet/80">
			<svg
					xmlns="http://www.w3.org/2000/svg"
					class="h-[450px] w-[450px]"
					viewBox="0 0 200 200"
					fill="currentColor">
				<circle data-name="ellipse" cx="100" cy="100" r="100"></circle>
			</svg>
		</div>
	</div>
</div>