body {
  	font-family: sans-serif;
  	line-height: 1.5em;
	width: 85ch;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:50em) {
	body {
    	width: auto;
		margin-left:  5%;
		margin-right: 5%;
	}
}

h1 {
    line-height: 1.25em;
}

table {
  width: 100%;
}

.filedata {
    padding: 1em 2em;
    width: 100%;
}

.fheader {
    text-align: left;
    font-size: 1.2em;
    border-top: 2px solid;
    border-bottom: 2px solid;
    background-color: #f6f6f6;
}

.size {
    font-family: monospace;
}

.file-level-1 {
    padding-left: 2em;
}

.file-level-2 {
    padding-left: 4em;
}

.folder-level-1 {
    background-color: #f2f2f2;
}

.folder-level-2 {
    padding-left: 2em;
    background-color: #f2f2f2;
}

@media(prefers-color-scheme: dark) {
	body {
	  	background-color: #000000;
	  	color: #ffffff;
	}
	a {
	  	color: #23ffa0;
	}
  	tr {
    	border-color: #a0a0a0;
  	}
}