@font-face
		{
			font-family: 'Overlock';
			src: url('overlock.woff') format('woff');
			font-weight: normal;
			font-style: normal;
		}
		body
		{
			font-family: Overlock, sans;
			font-size: 2em;
			margin-left: 15%;
			margin-right: 15%;
			background-color: #151f0f;
			color: white;
			margin-top: 2em;
			margin-bottom: 2em;
			text-align: center;
		}

		a
		{
			color: #ffa0a0;
		}

		.compass
		{
			border: 2px solid;
			border-radius: 0.5em;
			padding-bottom: 3px;
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.title, .compass
		{
			font-size: 1.5em;
			margin-top: 0.5em;
			margin-bottom: 1.75em;
		}

		.description, .title
		{
			text-align: left;
		}

		.videoList
		{
			text-align: center;
			margin-top: 2em;
		}

		.videoList .videoBox
		{
			display: inline-block;
			margin: 1em;
			width: 360px;
			font-size: 0.5em;
		}
		
		.videoBox p
		{
			margin-top: 0;
		}
		
		.videoList .videoBox, .videoList iframe
		{
			border-radius: 1em;
		}
		
		.videoList iframe
		{
			border: 2px solid white;
		}

		.spoilerText
		{
			color: transparent;
			transition: max-height 1s, color 2s;
			/*max-height: 1em;*/
			overflow: hidden;
			font-size: 0.85em;
		}

		.spoilerText:hover
		{
			color: inherit;
			max-height: 100em;
			overflow: initial;
		}

		.siteEmbeds
		{
			text-align: center;
		}

		.question
		{
			margin-top: 1em;
			margin-left: 1em;
		}

		.question p
		{
			margin: 1em 0 0 0;
		}

		.expander:before
		{
			color: white; !important;
			content: "> ";
		}
		
		.topLink
		{
			font-size: 0.75em;
		}