/*General styles go here*/
:root
{
	width:100%;
	height:100%;
	font-size:2vmin;
	--background-color:0, 4, 48;/*CDCDCD*/
	overflow-x:hidden;
}

body
{
	width:100%;
	height:auto;
	min-height:calc(100% - var(--navbar-height));
	margin:0%;
	padding:10em 0% 1em 0%;
	background:rgb(var(--background-color));
	/*background:-webkit-linear-gradient(to right, #FFFF56, #0000FF);
	background:-o-linear-gradient(to right, #FFFF56, #0000FF);
	background:-moz-linear-gradient(to right, #FFFF56, #0000FF);
	background:linear-gradient(to right, #FFFF56, #0000FF);
	background-repeat:no-repeat;*/
	font-family:'Marcellus', serif;
}

.content
{
	position:relative;
	width:80%;
	height:auto;
	/*max-height:1000em;*/
	margin-left:10%;
	margin-bottom:2.5em;/*7.5*/
	overflow:hidden;
}
.content > h1, .content > div > h1
{
	margin-top:0%;
	font-size:3em;
	font-style:italic;
	color:white;
}
.content > h2, .content > div > h2
{
	font-size:2.25em;
	font-style:italic;
	color:white;
}
.content > p, .content > p > a, .content > details, .content > div > p
{
	color:white;
	/*font-family:'Noto Serif JP', serif;*/
	font-size:1.5em;
	font-style:italic;
	word-spacing:.01em;
	line-height:1.75;
	text-decoration:none;
}
.content > p
{
	text-indent:1em;
}
.content > p > a, .content > details > a, .content > details > p > a, .content > div > p > a
{
	font-size:inherit;
	word-spacing:inherit;
	line-height:inherit;
	text-decoration:none;
}
.content > p > a:link, .content > details > a:link, .content > details > p > a:link, .content > div > p > a:link
{
	color:rgb(var(--nav-accent-color));
}
.content > p > a:visited, .content > details > a:visited, .content > details > p > a:visited, .content > div > p > a:visited
{
	color:#ffb300;
}
.content > p > a:hover, .content > details > a:hover, .content > details > p > a:hover, .content > div > p > a:hover
{
	text-decoration:underline;
}
.content > p > a:active, .content > details > a:active, .content > details > p > a:active, .content > div > p > a:active
{
	text-decoration:underline;
}

.collapsible
{
	width:100%;
	height:0px;
	overflow:hidden;
}
.collapsible.expanded
{
	height:auto;
}

@media only screen and (orientation:landscape), (min-width:1024px)
{
	.content
	{
		width:70%;
		margin-left:15%;
		margin-bottom:1.5em;/*5*/
	}
	.content > h1
	{
		font-size:2.15em;
	}
	.content > h2
	{
		font-size:1.85em;
	}
	.content > p, .content > a, .content > details, .content > div > p
	{
		font-size:1.35em;
		line-height:1.5;
	}
}

/*Root element resizing based on screen size (for responsiveness)*/
@media only screen and (min-width:1024px)
{
	:root
	{
		font-size:1.85vmin;
	}

	@media only screen and (orientation:portrait)
	{
		:root
		{
			font-size:1.25vmin;
		}
	}
}
@media only screen and (min-width:3820px)
{
	:root
	{
		font-size:1.25vmin;
	}

	@media only screen and (orientation:portrait)
	{
		:root
		{
			font-size:1vmin;
		}
	}
}
@media only screen and (min-width:7640px)
{
	:root
	{
		font-size:1vmin;
	}

	@media only screen and (orientation:portrait)
	{
		:root
		{
			font-size:.75vmin;
		}
	}
}