/*General styles go here*/
:root
{
	width:100%;
	height:100%;
	font-size:2vmin;
	--background-color:25, 25, 25;/*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));
	font-family:'Noto Sans JP', sans-serif;
}

.content
{
	position:relative;
	width:80%;
	height:auto;
	/*max-height:1000em;*/
	margin-left:10%;
	margin-bottom:7.5em;
	overflow:hidden;
}
.content > h1
{
	margin-top:0%;
	font-size:3em;
	font-style:italic;
	color:white;
}
.content > h2
{
	font-size:2.25em;
	font-style:italic;
	color:white;
}
.content > p, .content > p > a, .content > details
{
	color:white;
	font-family:'Noto Sans JP', sans-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 > details > summary > 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 > details > summary > a:link
{
	color:rgb(var(--nav-accent-color))
}
.content > p > a:visited, .content > details > a:visited, .content > details > p > a:visited, .content > details > summary > a:visited
{
	color:#be03fc;
}
.content > p > a:hover, .content > details > a:hover, .content > details > p > a:hover, .content > details > summary > a:hover
{
	text-decoration:underline;
}
.content > p > a:active, .content > details > a:active, .content > details > p > a:active, .content > details > summary > a:active
{
	text-decoration:underline;
}

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

details > details
{
	padding-left:1.5rem;
}

@media only screen and (orientation:landscape), (min-width:1024px)
{
	.content
	{
		width:70%;
		margin-left:15%;
		margin-bottom:5em;
	}
	.content > h1
	{
		font-size:2.15em;
	}
	.content > h2
	{
		font-size:1.85em;
	}
	.content > p, .content > a, .content > details
	{
		font-size:1.15em;
		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;
		}
	}
}