body{
	background-color: #a6e89d;
	margin: 1vh 5vw 2vh 5vw;
	z-index: 1;
}
div#nav{
	position: fixed;
	width: calc(100% - 2em);
	margin: 1em;
	text-align: right;
	left: 0;
	top: 0;
	z-index: 999;
}
	div#nav a#home,
	div#nav span#loading,
	div#nav a#update{
		float: left;
		padding-right: 0.25em;
	}
	div#nav span#loading{
		display: none;
		margin: 0.35em 0.25em;
		color: fuchsia;
    	opacity: 0;
    	animation: fade 2s linear;
	}
	@keyframes fade {
		0%,100% { opacity: 0 }
		50% { opacity: 1 }
	}
iframe{
	width: 90vw;
	height: 88vh;
}
input{
	min-width: 300px;
}
div#index ul{
	padding: 0;
	margin: 0 0 0 5em;
	width: 750px;
}
	div#index ul li{
		margin-bottom: 1em;
		list-style: none;
	}
	div#index ul li::before{
		content:  "▁ ▂ ▃ ▄ ▅ ▆ ▇ █";
		float: left;
		margin-left:  -9.5em;
	}