/*  BASE CSS  */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	position: relative;
}

/* Mobile */
.flex-body {
	display: block;
	height: 100%;
}

/* Non-Mobile */
@media screen and (min-width: 900px) {
	.flex-body {
		display: flex;
		flex-direction: column;
		height: 100%;
	}
}

.contentBox {
	position: relative;
	/* Fits the box below the navbar */
	flex-grow: 1;
	overflow: hidden;
	/*border: solid green;*/

	/* To allow the flex children's children to fill the full height - Bug fix
	https://github.com/philipwalton/flexbugs/issues/197 */
	flex-basis: 0;
	/*height: 0;*/
}

.noSelect {
	/* Hides Chrome glitch for highlighting image and text as blue */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



.apertureAnimation {
	animation-name: aperture-animate;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
}

@keyframes aperture-animate {
	from {
		transform: rotate(0deg) scale(1);
	}
	50% {
		transform: rotate(360deg) scale(7);
	}
	to {
		transform: rotate(0deg) scale(1);
	}
}