/**
 * @author Valentin Alisch <hallo@valentinalisch.de>
 * @version 1.0
 *
 * Bug Fest Intro CSS
 */

section#intro {
	display: flex;
	flex-direction: column;
}

	section#intro #marquees {
		line-height: 0.45;
		font-size: 7.5vw;
		background: var( --color__pink );
		color: white;
		padding-bottom: var( --spacing );
	}

	@media ( orientation: portrait ) {
		section#intro #marquees {
			font-size: 7.5vh;
		}
	}

		section#intro #marquees .marquee span::after {
			content: '';
			display: inline-block;
			width: calc( var( --spacing ) * 4 );
			height: var( --spacing );
			margin: 0 var( --spacing );
			background: white;
			vertical-align: middle
		}

	section#intro #sign_up {
		flex: 1;
		background: var( --color__green );
		overflow: hidden;
		color: white;
	}

		section#intro #sign_up a {
			display: block;
			border: var( --spacing ) solid white;
			height: 100%;
		}

			section#intro #sign_up a img {
				height: 100%;
				width: 100%;
			}