/* ------------------------------------------------------------------------------------------------------------------ */

:root
	{
		font-size :			14px;
	}

*,
*:after,
*:before
	{
		-webkit-box-sizing :	border-box;
		   -moz-box-sizing :	border-box;
		        box-sizing :	border-box;
	}

html,
body
	{
		width :			100%;
		height :			100%;
		margin :			0;
		background :		#EEEEEE;
	}

body
	{
		font-family :		Monospace, Sans-serif;
		font-size :			1rem;
		color :			#222;
	}

a,
a:link,
a:visited
	{
		text-decoration :			none;
		cursor :				pointer;
		color :				inherit;
		-webkit-tap-highlight-color : rgba( 0 , 0 , 0 , 0.2 );
	}

a:hover
	{
		color :				#0000EE;
		cursor :				pointer;
		text-decoration :			none;
	}

b,
strong,
.bold
	{
		font-weight :		bold;
	}


#container
	{
		position :			relative;
		display :			flex;
		align-items :		center;
		justify-content :		center;
		width :			100%;
		height :			100%;
	}

#content
	{
		position :			relative;
		width :			70vw;
		height :			fit-content;
		text-align :		center;
	}

.menu
	{
		list-style :		none;
		margin :			0;
		padding :			0;
	}

.menu > li
	{
		display :			inline-block;
		font-size :			1.1rem;
	}

.menu > li:nth-child( n + 2 ):before
	{
		content :			'— ';
	}

.menu > li > a
	{
		padding : 			0.3rem 0.5rem;
	}

.menu > li:hover > a
	{
		color :			#0000EE;
	}



/* ------------------------------------------------------------------------------------------------------------------ */

@media (max-width : 780px) {


	#content
		{
			width :				90vw;
		}


}