/*...........................................................

		variables

..........................*/

:root{
	--outline: 0.5svw;
}

/*...........................................................

		basic layout

..........................*/

nav, main{
	background-color: var(--white);
	padding: calc(1.5 * var(--outline));
	border: calc(0.25 * var(--outline)) solid var(--black);
	filter: drop-shadow(0.33em 0.33em rgba(var(--shadow-rgb),0.33));
	box-sizing: border-box;
}

nav > div, main > div{
	border: var(--outline) solid var(--aqua2);
	padding: 1em;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

/*...........................................................

		navigation box

..........................*/

nav{
	width: 25svw;
	height: 19svw;
	position: fixed;
	left: 3svw;
}

nav > .hugme{
	padding-top: 0.66em;
}

nav ol{
	padding-top: 0;
	margin-top: 0;
	padding-left: 0.75em;
}

nav a{
	color: var(--black);
	text-decoration: underline;
}

/*...........................................................

		cute pic!!!!

..........................*/

#vector{
	z-index: 999;
	height: 30svw;
	position: fixed;
	left: 10svw;
	bottom: 0.5svw;
	filter: drop-shadow(0.3svw 0.3svw rgba(var(--shadow-rgb),0.33));
}

/*...........................................................

		main content box

..........................*/

main{
	width: 58svw;
	position: relative;
	left: calc(33svw + 3svw);
	margin-top: 4svh;
}

main ol{
	font-weight: bold;
	font-size: 1.1em;
}

ol blockquote{
	font-weight: normal;
	font-size: 1em;
	margin-top: 0.5em;
	margin-top: 0.5em;
}

.jp{
	font-size: 0.8em;
}

/*..........................

		headings

..........................*/

h1, h2, h3{
	text-shadow: none;
	filter: drop-shadow(0.075em 0.06em var(--grey));
	text-align: left;
}

h1{
	text-align: right;
	margin: 0.25em auto 0.75em auto;
	width: 95%;
}

h1 img{
	float: right;
	margin: 0 0.5em;
}

h2::before{
	content: "";
	display: inline-block;
	background-image: url("pixel/save.gif");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	height: 0.66em;
	width: 0.66em;
	margin-right: 0.33em;
}

/*...........................................................

		footer

..........................*/

footer{
	margin-top: 7svh;
	margin-left: 36svw;
	width: auto;
}