/** CSS Imports **/
@import url('https://fonts.googleapis.com/css?family=Tangerine&display=swap');

/** Site Resets **/

ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

/** Main Site Style **/

html{
	height:100%;
}

body {
	background-color: rgb(12, 12, 12);
	background-image: url( "../img/background.png" );
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-family:Helvetica;
}

/****************
 * Splash page  *
 ****************/
#container-splash {
	align-items: flex-start;
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin:0 auto;
	padding-top:10px;
	width:90%;
	max-width:1500px;
	min-width:900px;
}

#container-splash > aside {
	width:225px;	
}

#container-splash > main {
	flex-grow:1;
}

#container-splash > * > * {
	background-color: rgb( 50, 50, 50, .8 );
	border:solid 1px rgb( 0, 0, 0);
	border-radius:5px;
	box-shadow: 1px 1px rgb( 25, 25, 25, .8 );
	margin-bottom:10px;+
}

#container-splash > aside {
	margin-right:10px;
}

#container-splash > main > header {
	color: rgb( 235, 235, 235 );
	font-family: 'Tangerine', cursive;
	font-size:7em;
	text-align:center;
	text-shadow: 3px 2px rgb( 25, 25, 25 );
}

/*******************
 * End Splash page *
 *******************/

/*** Global Aside ***/

aside > * > .title {
	background:rgb( 40, 40, 40 );
	border-bottom:solid 1px rgb( 30, 30, 30 );
	color:rgb( 255, 255, 255 );
	display:block;
	font-size:.9em;
	padding:4px 0;
	text-align:center;
}

aside > nav {
	overflow:hidden;
}

aside > nav > ul > li {
	background:rgb( 50, 50, 50 );
	color:rgb( 225, 225, 225 );
	cursor:pointer;
	font-size:.8em;
	padding:4px 0;
	text-align:center;
}

aside > nav > ul > li:not(:last-child) {
	border-bottom:solid 1px rgb( 35, 35, 35 );
}

aside > nav > ul > li:hover {
	background:rgb( 45, 45, 45 );
}

aside > nav > ul > li:active {
	background:rgb( 40, 40, 40 );
}

aside > nav > ul > li.selected {
	background:rgb( 55, 55, 55 );
	font-weight:bold;
	cursor:default;
}

/*** Left Aside ***/

#logo-container {
	background-image: url( "../img/GoS_logo.png" );
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110%;
	height:0;
	padding-top:100%;
}