.flier {
	pointer-events: none;
}

.flier > * {
/* Adjust animation duration to change the element’s speed */
        animation: fly 50s linear infinite;
        pointer-events: none !important;
	top: 0;
	left: 0;
	transform: translateX(-120%) translateY(-120%) rotateZ(0);
	position: fixed;
	animation-delay: 1s;
	z-index: 999999;
}

 /* Keyframe values control where the element will begin
    and end its trajectory across the screen. Each rule
    represents a path the element follows across the screen. */
/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2.5rem;
	font-weight: normal;
	color: rgb(6, 5, 5);
	font-family: "Helvetica Neue", Helvetica, sans-serif, "Helvetica Neue Regular", Icons;
	font-style: normal;
	line-height: 1.3;
}

[data-predefined-style="true"] bodycopy a {
	color: #8244ff;
	padding-bottom: 0em;
    border-bottom: 0px solid black;
    text-decoration: none;
}


[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: Spectral, Icons;
	font-style: italic;
	font-weight: 700;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
	line-height: 0.9;
	color: rgb(0, 0, 0);
}

[data-predefined-style="true"] h1 a {
	color: rgb(255, 42, 0);
}

[data-predefined-style="true"] h2 {
	font-family: "Sprat Condensed", Icons;
	font-style: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: rgb(0, 0, 0);
	font-size: 17.4vmin;
	line-height: 1.3;
	letter-spacing: 0.01em;
}

[data-predefined-style="true"] h2 a {
	color: rgb(255, 42, 0);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.3;
	font-family: "Neue Haas Grotesk", Icons;
	font-style: normal;
	font-weight: 500;
	color: rgb(0, 0, 0);
}

[data-predefined-style="true"] small a {
	color: rgb(255, 42, 0);
}

@keyframes fly {

	98.001%, 0% {
                display: block;
		transform: translateX(-200%) translateY(100vh) rotateZ(0deg)
	}

	15% {
		transform: translateX(100vw) translateY(-100%) rotateZ(180deg)
	}

	15.001%, 18% {
		transform: translateX(100vw) translateY(-30%) rotateZ(0deg)
	}

	40% {
		transform: translateX(-200%) translateY(3vh) rotateZ(-180deg)
	}

	40.001%, 43% {
		transform: translateX(-200%) translateY(-100%) rotateZ(-180deg)
	}

	65% {
		transform: translateX(100vw) translateY(50vh) rotateZ(0deg)
	}

	65.001%, 68% {
		transform: translateX(20vw) translateY(-200%) rotateZ(180deg)
	}

	95% {
		transform: translateX(10vw) translateY(100vh) rotateZ(0deg)
	}
}