@font-face {
	font-family: OutrunFuture;
	src: url('../assets/font/OutrunFuture.otf') format("opentype");
}

@font-face {
	font-family: OutrunFutureBold;
	src: url('../assets/font/OutrunFutureBold.otf') format("opentype");
}

@font-face {
	font-family: OutrunFutureBoldItalic;
	src: url('../assets/font/OutrunFutureBoldItalic.otf') format("opentype");
}

body {
	background-color: rgba(0, 0, 0, 1);
}
.red {
	color: rgba(255, 0, 0, 1) !important;
}

#joinUs {
	text-align: center;
	padding-top: 64px;
}
#joinUs h1 {
	color: rgba(255, 0, 0, 1);
	font-family: OutrunFutureBold, sans-serif !important;
}

#logo {
	padding: 32px 0;
}

#callToAction {
	color: rgba(255, 0, 0, 1);
}

.ui.icon.button {
	background-color: rgba(0, 0, 0, 1) !important;
	color: rgba(255, 0, 0, 1);
	font-family: OutrunFutureBold, sans-serif !important;
}

.ui.icon.button:hover {
	animation: tasteTheRainbow 6666ms infinite;
}

#ctaSlogan {
	text-align: center;
	padding-top: 32px;
}

#ctaSlogan h3, #ctaSlogan h4 {
	padding-top: 4px;
	color: rgba(255, 0, 0, 1);
	font-family: OutrunFutureBold, sans-serif !important;
}

@keyframes tasteTheRainbow{
	0% {
		color: rgba(255, 0, 0, 1);
	}
	16% {
		color: rgba(255, 165, 44, 1);
	}
	32% {
		color: rgba(255, 255, 65, 1);
	}
	48% {
		color: rgba(0, 128, 24, 1);
	}
	64% {
		color: rgba(0, 0, 249, 1);
	}
	80% {
		color: rgba(134, 0, 125, 1);
	}
	100% {
		color: rgba(255, 0, 0, 1);
	}
}