.bg.svelte-m5aimx {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #7000ff;
		/* background-color: #ffc500; */
		/* background-color: #ff8662; */

		z-index: -1;
	}

	.hero.svelte-m5aimx {
		border-radius: 1em;
		/* box-shadow: 0 2em 50px -30px rgba(0, 0, 0, 0.5); */
	}

	.stars.svelte-m5aimx {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	/* (unused) .mars {
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		z-index: -1;
	}*/

	.aliensShip.svelte-m5aimx {
		width: 25px;
		height: 25px;
		z-index: 1;
	}

	.aliensBox.svelte-m5aimx {
		position: relative;
		animation: svelte-m5aimx-aliensFloat 2s linear infinite;
		align-items: center;
		justify-content: center;
		position: relative;
		display: flex;
		left: 0;
		gap: 1em;
		padding: 1em;
	}

	.fullscreen.svelte-m5aimx {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: end;
	}

	@keyframes svelte-m5aimx-aliensPassBy {
		0% {
			transform: translateX(-30%);
		}
		100% {
			transform: translateX(130%);
		}
	}

	@keyframes svelte-m5aimx-aliensFloat {
		0% {
			transform: translateY(0%);
		}
		50% {
			transform: translateY(-20%);
		}
		100% {
			transform: translateY(0%);
		}
	}