@import '../../stylesheets/theme.sass';

.header, .sub {
	@extend %native-font-stack;
	color: $body;
	transition: opacity 300ms ease;

	&.wf_active {
		opacity: 1;
	}
}

.header {
	font-size: em(120);
	font-weight: 200;

	&.wf_active {
		font-family: 'vista-slab', sans-serif;
	}
}

.logo {
	height: 50px;
	width: 50px;
}

.flex_container {
	display: flex;
	flex-flow: column;
	align-content: center;
	align-items: center;
}

.email_icon {
	fill: #f00;
	height: 25px;
	width: 25px;
}

.modal_text {
	font-size: 72px;
	opacity: 0;
	transition: opacity 300ms ease;

	&.wf_active {
		font-family: 'Nixie One', serif;
		font-weight: 400;
		opacity: 1;
	}
}

.test_image {
	max-width: 100%;
	height: auto;
}