body {
	padding: 3rem;
	margin: 0 18rem;

	color: #E0E0E0;
	background-color: #121212;

	font-family: monospace;
	font-size: 1.25rem;
	line-height: 1.5;
}

th, td {
	text-align: left;
}

a {
	color: royalblue;
}

/* HEADER */

#header {
	margin-bottom: 1rem;
}

#header .logo img {
	display: block;
	height: 5rem;
}

#header .main {
	font-size: 2rem;
}

#header td, #header th {
	padding-right: 2rem;
}

/* FOOTER */

.footer {
	margin-top: 2rem;
	font-style: italic;
}

.footer, .footer a {
	color: #404040;
}

/* TABS */

.tabs a {
	margin-bottom: 2rem;
	display: inline-block;
	margin-right: 1em;

	color: #E0E0E0;
}

.tabs td a:only-child {
	display: none;
}

/* HIDING ELEMENTS */

.cgit-panel,
.form,
#header .right
{
	display: none;
}



/* LISTS */

.list td, .list th {
	padding-right: 2rem;
}

.list .nohover a {
	color: #E0E0E0;
}

/* CONTENT */

.content .reposection {
	font-style: italic;
}

.linenumbers {
	padding-right: 1rem;
}

.linenumbers a {
	color: #404040;
}

.deco, .branch-deco {
	display: inline-block;
	padding: 0 0.5rem;
	margin: 0 0.5rem;

	color: black;
}

.deco {
	background-color: tomato;
}

.branch-deco {
	background-color: seagreen;
}

/* DIFF COLORS */

table.diff {
	width: 100%;
}

table.diff td {
        white-space: pre;
}

table.diff td div.head {
        font-weight: bold;
        margin-top: 1em;
        color: #E0E0E0;
}

table.diff td div.hunk {
        color: goldenrod;
}

table.diff td div.add {
        color: seagreen;
}

table.diff td div.del {
        color: tomato;
}