html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #1e1119
}

div#cgit {
    width: 100% !important;
    min-width: 100% !important;
    height: auto; /* !imprtant */
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    
    padding: 0;
    margin: 0;
    font-family: 'Fantasque Sans Mono', monospace, sans-serif;
    font-size: 10pt;
    color: #e0e0e0;
    background: #1e1119;
    line-height: 1.4;
}

div#cgit div.content {
    flex-grow: 1;
}

div#cgit {
	padding: 0;
	margin: 0;
	font-family: 'Fantasque Sans Mono', monospace, sans-serif;
	font-size: 10pt;
	color: #e0e0e0;
	background: #1e1119;
	line-height: 1.4;
}


div#cgit a {
	color: #a13b43;
	text-decoration: none;
}
div#cgit a:hover {
	text-decoration: underline;
}

div#cgit table#header {
	width: 100%;
	margin-bottom: 1em;
	background: #1e1119;
}
div#cgit table#header td.main {
	font-size: 200%;
	padding-left: 10px;
	white-space: nowrap;
	color: #e0e0e0;
}
div#cgit table#header td.main a {
	color: #e0e0e0;
}
div#cgit table#header td.sub {
	color: #8a7a8a;
	border-top: 1px solid #443a46;
	padding-left: 10px;
	font-size: 90%;
}
div#cgit table#header td.form {
	text-align: right;
	vertical-align: bottom;
	padding-right: 1em;
	padding-bottom: 2px;
}
div#cgit table#header td.form input,
div#cgit table#header td.form select {
	background: #29302d;
	color: #e0e0e0;
	border: 1px solid #443a46;
	padding: 2px 4px;
}

div#cgit table#header td.logo {
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}

div#cgit table#header,
div#cgit div.content,
div#cgit div.footer {
    width: 100% !important;
    max-width: none !important;
}

div#cgit table#header td.logo img {
    max-height: 60px; 
    max-width: 100%;
    display: inline-block;
    margin: 0 auto;
}

div#cgit table.tabs {
	border-bottom: 2px solid #443a46;
	margin-top: 1.5em;
	margin-bottom: 0;
}
div#cgit table.tabs td a {
	padding: 4px 12px;
	color: #8a7a8a;
	font-size: 100%;
	border-radius: 3px 3px 0 0;
}
div#cgit table.tabs td a.active {
	color: #e0e0e0;
	background: #29302d;
	border-bottom: 2px solid #a13b43;
}
div#cgit table.tabs td.form form {
	font-size: 90%;
}

div#cgit div.path {
	background: #29302d;
	color: #e0e0e0;
	padding: 6px 2em 4px 2em;
	border-bottom: 1px solid #443a46;
}
div#cgit div.content {
	padding: 1.5em 2em;
	background: #1e1119;
}

div#cgit table.list {
	width: 100%;
	border-collapse: collapse;
}
div#cgit table.list tr {
	background: #1e1119;
}
div#cgit table.list tr:nth-child(even) {
	background: #22151c;
}
div#cgit table.list tr:hover {
	background: #29302d !important;
}
div#cgit table.list th {
	color: #a13b43;
	padding: 0.2em 0.5em;
	font-weight: bold;
	border-bottom: 1px solid #443a46;
}
div#cgit table.list td {
	padding: 0.2em 0.5em;
	border: none;
}
div#cgit table.list td a {
	color: #e0e0e0;
}
div#cgit table.list td a:hover {
	color: #a13b43;
}

div#cgit table.blob td.linenumbers {
	background: #29302d;
	color: #7a6a7a;
	border-right: 1px solid #443a46;
}
div#cgit table.blob pre {
	color: #e0e0e0;
}
div#cgit table.diff td div.add { color: #5fcf80; }
div#cgit table.diff td div.del { color: #cf5f80; }
div#cgit table.diff td div.hunk { color: #7aaaff; }

div#cgit a.branch-deco,
div#cgit a.tag-deco,
div#cgit a.tag-annotated-deco,
div#cgit a.remote-deco,
div#cgit a.deco {
	background: rgba(161, 59, 67, 0.15);
	color: #a13b43;
	border: 1px solid rgba(161, 59, 67, 0.3);
	border-radius: 3px;
	padding: 1px 6px;
	margin: 0 4px;
	font-size: 90%;
	text-decoration: none;
}
div#cgit a.branch-deco:hover,
div#cgit a.tag-deco:hover {
	background: rgba(161, 59, 67, 0.25);
}

div#cgit div.footer {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #443a46;
	text-align: center;
	font-size: 85%;
	color: #7a6a7a;
}
div#cgit div.footer a {
	color: #a13b43;
}
div#cgit div.footer a:hover {
	color: #e0a0a0;
	text-decoration: underline;
}

div#cgit ul.pager {
	margin: 1em 0;
}
div#cgit ul.pager a {
	color: #a13b43;
}
div#cgit ul.pager .current {
	color: #e0e0e0;
	font-weight: bold;
}

div#cgit span.age-mins,
div#cgit span.age-hours { color: #5fcf80; }
div#cgit span.age-days { color: #a13b43; }
div#cgit span.age-weeks,
div#cgit span.age-months,
div#cgit span.age-years { color: #7a6a7a; }

div#cgit table.blob .num { color: #d4af8a; }
div#cgit table.blob .str { color: #a3ba8a; }
div#cgit table.blob .com,
div#cgit table.blob .slc { color: #7a6a7a; font-style: italic; }
div#cgit table.blob .kwa,
div#cgit table.blob .kwc { color: #a13b43; font-weight: bold; }
div#cgit table.blob .kwb { color: #7aaaff; }
div#cgit table.blob .kwd { color: #cf8fbf; }