* {
	margin: 0px;
	font-family: sans-serif;
	--border: 1px solid black;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

#warning {
	margin: auto;
	margin-bottom: 8px;
	width: 95%;
	div {
		border: var(--border);
		background: white;
	}
}

#warning:empty {
	display: none;
}

nav {
	border-bottom: var(--border);
	margin-bottom: 8px;
	padding: 4px;
	text-align: center;
	background: black;
	color: white;
	a {
		color: white;
	}
}

#holder {
	width: 95%;
	margin: auto;
	background: white;
	border: var(--border);
	margin-bottom: 8px;
}

h1 {
	font-size: 120%;
	margin: 10px;
}

body {
	background: rgb(240,240,240);
	table {
		border-collapse: collapse;
		width: 100%;
		tr {
			border-bottom: 1px dotted rgba(0,0,0,0.5);
			height: 30px;
			th {
				text-align: left;
			}
		}
		.even:has(a:hover), .odd:has(a:hover) {
			background: rgb(225,225,225);
		}
		tr:last-of-type {
			border-bottom: none;
		}
		.even {
			background: white;
		}
		.odd {
			background: rgb(245,245,245);
		}
		.indexhead {
			border-bottom: var(--border);
		}
		.indexcolicon {
			width: 1%;
			img {
				display: block;
				margin: auto;
				filter: drop-shadow(1px 1px 0px black);
			}
		}
		.indexcolname {
			width: 44%;
		}
		.indexcollastmod {
			width: 10%;
		}
		.indexcolsize {
			width: 5%;
		}
		.indexcoldesc {
			width: 40%;
		}
}

address {
	width: 95%;
	margin: auto;
}

#bullet {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}