@media screen{

	body{
		background-color: lavender;
		margin: 1vh 5vw 2vh 5vw;
		z-index: 1;
	}
	p {
		max-width: 30em;
	}
	div#nav{
		position: fixed;
		width: calc(100% - 2em);
		margin: 1em;
		left: 0;
		top: 0;
		z-index: 999;
	}
	div#nav a#home,
	div#nav a#notes,
	div#nav a#update {
		float: left;
		padding: 0.25em 0.125em;
	}
	div#nav div#loading{
		display: none;
		margin: 0.35em 0;
		color: black;
		clear: both;
		float: right;
		background-color: white;
		padding: 0.5em 1em;
		border-radius: 5px;
    		opacity: 0;
    		animation: fade 2s infinite linear;
	}
	@keyframes fade {
		0%,100% { opacity: 0 }
		50% { opacity: 1 }
	}
	table {
		border-collapse: collapse;
	}
	table tr th {
		font-weight: normal;
	}
	table tr th,
	table tr td {
		border: 1px solid darkgreen;
		padding: 0.4em 0.8em;
	}
	table tr th:first-of-type {
		text-align: left;
	}
	table tr td:first-of-type {
		min-width: 15em;
	}
	span.updated {
		font-family: monospace;
		font-size: 0.9em;
	}
	table tr td input[type="checkbox"] {
		min-width: 0;
		width: unset;
	}

	div#index{
		/* line-height: 2; */
	}
	div#index ul{
		padding: 0;
		margin: 0 0 0 2.5em;
		width: 750px;
	}
	div#index ul li{
		list-style: none;
	}
	div#index ul li::before{
		content:  "-----";
		float: left;
		margin-left:  -2.5em;
	}
}