@font-face {
	font-family: 'Font Awesome 6 Free Solid';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("/theme/fa-solid-900.woff2") format("woff2");
}

@font-face {
	font-family: 'Font Awesome 6 Free Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("/theme/fa-brands-400.woff2") format("woff2");
}

body {
	margin: 0px;
	background-color: #e4e4e3;
	color: #3f3f3e;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

h1 {
	font-size: 1.5rem;
}

pre {
	width: 100%;
	font-family: 'Oxygen Mono', monospace;
}

a:link, a:visited, a:active {
	color: #3f3f3e;
	text-decoration: none;
}

a:hover {
	color: #cb1e58;
}

a:before {
	font-family: 'Font Awesome 6 Free Solid';
	display: inline-block;
	width: 2rem;
	height: 1.7rem;
	font-size: 1.3rem;
	content: "\f15b"; /* file */
}

a[href $='/']:before {
	content: "\f07b"; /* folder */
}

a[href $='.exe']:before, a[href $='.msi']:before {
	font-family: 'Font Awesome 6 Free Brands';
	content: "\f17a"; /* windows */
}

a[href $='.run']:before {
	font-family: 'Font Awesome 6 Free Brands';
	content: "\f17c"; /* linux */
}

a[href $='macos']:before {
	font-family: 'Font Awesome 6 Free Brands';
	content: "\f179"; /* apple */
}

a[href $='.zip']:before {
	content: "\f1c6"; /* file-zipper */
}

a[href $='.iso']:before {
	content: "\f51f"; /* compact-disc */
}

a[href $='.json']:before {
	content: "\f1c0"; /* database */
}

a[href $='.json']:before {
	content: "\f1c0"; /* database */
}

a[href $='.msgpack.zstd']:before {
	content: "\f1c0"; /* database */
}

a[href $='.zsync']:before {
	content: "\f2f1"; /* rotate */
}

a[href $='.md5']:before {
	content: "\23"; /* hashtag */
}

a[href $='.opsi']:before {
	content: "\f466"; /* box */
}

a.ext-link {
	font-size: 0.9rem;
	margin-right: 2rem;
}
a.ext-link:before {
	content: "\f08e"; /* arrow-up-right-from-square */
	font-size: 0.9rem;
	height: 1rem;
	width: 1.4rem;
}

div.top {
	font-style: italic;
	padding-left: 10px;
	padding-top: 10px;
}

div.left {
	width: 100px;
	height: 100%;
	float: left;
}

div.header {
	margin: 10px;
	max-width: 800px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/theme/opsi_logo_wide.png');
}

div.notes {
	background-color: #FFFFFF;
	color: #4E5973;
	padding: 10px;
	margin: 10px;
	max-width: 780px;
	border: 1px solid #aaaaaa;
}

div.files {
	padding: 10px;
	margin: 10px;
	max-width: 780px;
	border: 1px solid #aaaaaa;
	background-color: #FFFFFF
}