.hero {
				height: 100vh;
				background: url('../img/bg1.webp') no-repeat center center;
				background-size: cover;
				background-attachment: scroll;
				position: relative;
				transition: background-position 0.1s ease-out;
			}

			body.embed-mode .navbar,
			body.embed-mode #map-info,
			body.embed-mode footer {
				display: none;
			}

			.btn-discord {
				background-color: #5865F2;
				color: #fff;
			}

			.bg-discord {
				background-color: #5865F2 !important;
			}

			#howtojoin .row {
				display: flex;
			}

			#howtojoin .col {
				display: flex;
				flex-direction: column;
				justify-content: center;
				height: 100%;
			}

			[data-animate] {
				opacity: 0;
				visibility: hidden;
			}

			.animate__animated {
				visibility: visible !important;
			}


			.animate__delay-200ms {
				animation-delay: 0.2s !important;
			}

			.animate__delay-400ms {
				animation-delay: 0.4s !important;
			}

			.animate__delay-500ms {
				animation-delay: 0.5s !important;
			}

			.animate__delay-600ms {
				animation-delay: 0.6s !important;
			}

			.animate__delay-800ms {
				animation-delay: 0.8s !important;
			}

			/* parallax.js required css */
			.parallax-window {
				position: relative;
				background: transparent;
				overflow: hidden;
				z-index: 1;
			}

			.parallax-overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				pointer-events: none;
			}

			.static-content {
				position: relative;
				z-index: 2;
				padding: 100px 15px;
			}

			/* easter egg */
			#enlightened-trigger {
				opacity: 0.04;
				transition: opacity 0.2s ease;
			}

			#enlightened-trigger:hover {
				animation: enl-flicker 600ms linear 1;
			}

			@keyframes enl-flicker {
				0% {
					opacity: 0.04;
				}

				20% {
					opacity: 0.12;
				}

				40% {
					opacity: 0.06;
				}

				60% {
					opacity: 0.10;
				}

				80% {
					opacity: 0.05;
				}

				100% {
					opacity: 0.04;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				#enlightened-trigger {
					transition: none;
				}

				#enlightened-trigger:hover {
					animation: none !important;
				}
			}

			/* easter egg - END */