@font-face {
    font-family: "Kode Mono";
    src: url("./font.ttf") format("truetype");
}

html {
    --base: #151617;
    --base-2: #1d2123;
    --base-3: #2a3039;
    --text: #d2e7efff;
    --code: #1d2123;
    --code-text: #abd1de;
    --accent: #278db6;
    font-family: "Kode Mono", monospace;
}
* {
    font-family: "Kode Mono", monospace;
}

*:target {
	animation: flash 1s ease-in forwards;
}

@keyframes flash {
  0% {
    background: var(--base-3);
  }

  100% {
    background: transparent;
  }
}

body {
    background: var(--base);
    color: var(--text);
    margin: 0;
    padding: 0.5rem;
}

a {
    color: var(--code-text);
    padding: 0.2rem;
}

a.active,
a:focus,
a:hover {
		background: var(--text);
    color: var(--base);
}

td.logo a:hover {
		background: transparent;
    color: var(--text);
    padding: 0.2rem;
    text-decoration: none;
}

header {
    background: repeating-linear-gradient(45deg,var(--base) 0rem,var(--base) 1rem,var(--base-2) 1rem,var(--base-2) 2rem);
    border: var(--base-2) 1px solid;
    padding-inline: 0.4rem;
    max-width: 80ch;
    height: 4rem;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header h1 {
    padding: 0;
    margin: 0;
}
header .logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.5rem;
}

header .logo::before,
header .logo::after {
    content: none;
}
header .logo svg {
    height: 2rem;
    width: auto;
}

nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: right;
    list-style: none;
    font-size: large;
    gap: 0.4rem;
}
/*
header a::after {display: none;}
header li a::after {
    display: block;
    top: 50%; left: -0.2rem; width: 1px; height: 50%; transform: translate(-50%, -50%);
    opacity: 50%;
}
header li:first-child a::after {display: none;}
*/

main {
    max-width: 70ch;
    margin-inline: auto;
}

code:not([class*="language-"]) {
    background-color: var(--code);
    color: var(--code-text);
    padding: 0.2rem;
    border-radius: 0;
}
pre[class*="language-"] {
    position: relative;
    padding: 1.5rem 1rem;
    overflow-x: auto;
    border-radius: 0;
    font-family: "JetBrains Mono", monospace;
}
pre[class*="language-"] * {
    font-family: "JetBrains Mono", monospace;
}

footer {
    max-width: 80ch;
    margin-inline: auto;
    margin-top: 4rem;
}
footer .social {
    margin-top: 1rem;
    max-width: fit-content;
    display: flex;
    gap: 0.2rem;
    margin-inline: auto;
    flex-wrap: wrap;
    justify-content: center;
}

.my-age {
    cursor:help;
}

picture {
    display: block;
    text-align: center;
    max-width: 100%;
    margin-block: 2rem;
}
picture img {
    max-width: 100%;
    box-shadow:
        var(--base) 0.2rem 0.2rem 0px,
        var(--text) 0.6rem 0.6rem 0px,
        var(--base) -0.2rem -0.2rem 0px,
        var(--text) -0.6rem -0.6rem 0px
    ;
    border-radius: 0rem;
}

div#cgit div.content {
	border-bottom: solid 3px var(--text);
}

input,
button,
select,
textarea {
	font: "Kode Mono";
	color: var(--text);
	background: var(--base);
	border: 1px solid var(--text);
}

input:hover,
button:hover,
select:hover,
input:focus,
button:focus,
select:focus,
textarea:focus
textarea:hover {
	color: var(--base);
	background: var(--text);
}

div#cgit {
	padding: 4px;
	margin: 0;
	font-family: sans-serif;
	font-size: 10pt
}

div#cgit a {
	text-decoration: none
}

div#cgit a:hover {
	text-decoration: underline
}

div#cgit table {
	border-collapse: collapse
}

div#cgit table#header {
	width: 100%;
	margin-bottom: 1em
}

div#cgit table#header td.logo {
	width: 96px;
	vertical-align: top
}

div#cgit table#header td.main {
	font-size: 250%;
	padding-left: 10px;
	white-space: nowrap
}

div#cgit table#header td.form {
	text-align: right;
	vertical-align: bottom;
	padding-right: 1em;
	padding-bottom: 2px;
	white-space: nowrap
}

div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
	font-size: 90%
}

div#cgit table.tabs {
	border-bottom: 3px solid;
	margin-top: 2em;
	margin-bottom: 0;
	width: 100%
}

div#cgit table.tabs td {
	padding: 0 1em;
	vertical-align: bottom
}

div#cgit table.tabs td a {
	padding: 2px .75em;
	font-size: 110%
}

div#cgit table.tabs td.form {
	text-align: right
}

div#cgit table.tabs td.form form {
	padding-bottom: 2px;
	font-size: 90%;
	white-space: nowrap
}

div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
	font-size: 90%
}

div#cgit div.path {
	margin: 0;
	padding: 5px 2em 2px
}

div#cgit div.content {
	margin: 0;
	padding: 2em;
	border-bottom: 3px solid
}

div#cgit table.list {
	width: 100%;
	border: none;
	border-collapse: collapse
}

div#cgit table.list tr:nth-child(even),
div#cgit table.list tr:nth-child(odd),
div#cgit table.list tr,
div#cgit table.list tr.nohover,
div#cgit table.list tr.nohover:hover {
	background: none
}

div#cgit table.list th {
	font-weight: bold;
	padding: .1em .5em .05em;
	vertical-align: baseline
}

div#cgit table.list td {
	border: none;
	padding: .1em .5em
}

div#cgit table.list td.commitgraph {
	font-family: monospace;
	white-space: pre
}

div#cgit table.list td.logsubject {
	font-family: monospace;
	font-weight: bold
}

div#cgit table.list td.logmsg {
	font-family: monospace;
	white-space: pre;
	padding: 0 .5em
}

div#cgit table.list td a:hover {}

div#cgit img {
	border: none
}

div#cgit input#switch-btn {
	margin: 2px 0 0
}

div#cgit td#sidebar input.txt {
	width: 100%;
	margin: 2px 0 0
}

div#cgit table#grid {
	margin: 0
}

div#cgit td#content {
	vertical-align: top;
	padding: 1em 2em 1em 1em;
	border: none
}

div#cgit div#summary {
	margin-bottom: 1em
}

div#cgit table#downloads {
	float: right;
	border-collapse: collapse;
	border: 1px solid;
	margin-left: .5em;
	margin-bottom: .5em
}

div#cgit div#blob {
	border: 1px solid
}

div#cgit div.error {
	font-weight: bold;
	margin: 1em 2em
}

div#cgit a.ls-blob,
div#cgit a.ls-dir,
div#cgit .ls-mod {
	font-family: monospace
}

div#cgit td.ls-size,
div#cgit td.ls-mode {
	font-family: monospace
}

div#cgit td.ls-size {
	text-align: right;
	width: 10em
}

div#cgit td.ls-mode {
	width: 10em
}

div#cgit table.blob {
	margin-top: .5em;
	border-top: 1px solid
}

div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
	margin: 0;
	padding: 0 0 0 .5em;
	vertical-align: top
}

div#cgit table.blob td.linenumbers {
	margin: 0;
	padding: 0 .5em;
	text-align: right;
	border-right: 1px solid
}

div#cgit table.blob pre {
	padding: 0;
	margin: 0
}

div#cgit table.blame td.hashes,
div#cgit table.blame td.lines,
div#cgit table.blame td.linenumbers {
	padding: 0
}

div#cgit table.blame td.hashes div.alt,
div#cgit table.blame td.lines div.alt {
	padding: 0 .5em
}

div#cgit table.blame td.linenumbers div.alt {
	padding: 0 .5em 0 0
}

div#cgit table.blame td.lines>div {
	position: relative
}

div#cgit table.blame td.lines>div>pre {
	padding: 0 0 0 .5em;
	position: absolute;
	top: 0
}

div#cgit table.bin-blob {
	margin-top: .5em;
	border: 1px solid
}

div#cgit table.bin-blob th {
	font-family: monospace;
	white-space: pre;
	border: 1px solid;
	padding: .5em 1em
}

div#cgit table.bin-blob td {
	font-family: monospace;
	white-space: pre;
	border-left: 1px solid;
	padding: 0 1em
}

div#cgit table.nowrap td {
	white-space: nowrap
}

div#cgit table.commit-info {
	border-collapse: collapse;
	margin-top: 1.5em
}

div#cgit div.cgit-panel {
	float: right;
	margin-top: 1.5em
}

div#cgit div.cgit-panel table {
	border-collapse: collapse;
	border: 1px solid
}

div#cgit div.cgit-panel td {
	padding: .25em .5em
}

div#cgit div.cgit-panel td.label {
	padding-right: .5em
}

div#cgit div.cgit-panel td.ctrl {
	padding-left: .5em
}

div#cgit table.commit-info th,
div#cgit table.commit-info td {
	padding: .1em 1em .1em .1em;
	font-weight: normal
}

div#cgit div.commit-subject {
	font-weight: bold;
	font-size: 125%;
	margin: 1.5em 0 .5em
}

div#cgit div.commit-msg {
	white-space: pre;
	font-family: monospace
}

div#cgit div.notes-header {
	font-weight: bold;
	padding-top: 1.5em
}

div#cgit div.notes {
	white-space: pre;
	font-family: monospace;
	border: 1px solid;
	padding: .3em 2em .3em 1em;
	float: left
}

div#cgit div.notes-footer {
	clear: left
}

div#cgit div.diffstat-header {
	font-weight: bold;
	padding-top: 1.5em
}

div#cgit table.diffstat {
	border-collapse: collapse;
	border: 1px solid
}

div#cgit table.diffstat th {
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	padding: .1em 1em .1em .1em
}

div#cgit table.diffstat td {
	padding: .2em .2em .1em .1em
}

div#cgit table.diffstat td.mode {
	white-space: nowrap
}

div#cgit table.diffstat td.graph {
	width: 500px;
	vertical-align: middle
}

div#cgit table.diffstat td.graph table {
	border: none
}

div#cgit table.diffstat td.graph td {
	padding: 0;
	border: 0;
	height: 7pt
}

div#cgit div.diffstat-summary {
	padding-top: .5em
}

div#cgit table.diff {
	width: 100%
}

div#cgit table.diff td {
	font-family: monospace;
	white-space: pre
}

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

div#cgit table.diff td div.hunk {}

div#cgit table.diff td div.add {}

div#cgit table.diff td div.del {}

div#cgit .oid {
	font-family: monospace;
	font-size: 90%
}

div#cgit .left {
	text-align: left
}

div#cgit .right {
	text-align: right
}

div#cgit table.list td.sublevel-repo {
	padding-left: 1.5em
}

div#cgit ul.pager {
	list-style-type: none;
	text-align: center;
	margin: 1em 0 0;
	padding: 0
}

div#cgit ul.pager li {
	display: inline-block;
	margin: .25em .5em
}

div#cgit ul.pager .current {
	font-weight: bold
}

div#cgit span.age-mins,
div#cgit span.age-hours,
div#cgit span.age-days,
div#cgit span.age-weeks,
div#cgit span.age-months,
div#cgit span.age-years,
div#cgit span.insertions,
div#cgit span.deletions {}

div#cgit div.footer {
	margin-top: .5em;
	text-align: center;
	font-size: 80%
}

div#cgit div.footer a {
	text-decoration: none
}

div#cgit div.footer a:hover {
	text-decoration: underline
}

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 {
	margin: 0 .5em;
	padding: 0 .25em;
	border: 1px solid;
	border-radius: 2px
}

div#cgit div.commit-subject a.branch-deco,
div#cgit div.commit-subject a.tag-deco,
div#cgit div.commit-subject a.tag-annotated-deco,
div#cgit div.commit-subject a.remote-deco,
div#cgit div.commit-subject a.deco {
	margin-left: 1em;
	font-size: 75%
}

div#cgit table.stats {
	border: 1px solid;
	border-collapse: collapse
}

div#cgit table.stats th,
div#cgit table.stats td {
	border: 1px solid;
	padding: 1px .5em;
	text-align: left
}

div#cgit table.stats td.total {
	font-weight: bold
}

div#cgit table.stats td.sum {
	font-weight: bold
}

div#cgit table.vgraph {
	border-collapse: separate;
	border: 1px solid;
	height: 200px
}

div#cgit table.vgraph th {
	border: 1px solid;
	padding: 1px .5em
}

div#cgit table.vgraph td {
	vertical-align: bottom;
	padding: 0 10px
}

div#cgit table.hgraph {
	border: 1px solid;
	width: 800px
}

div#cgit table.hgraph th {
	border: 1px solid;
	padding: 1px .5em
}

div#cgit table.hgraph td {
	vertical-align: middle;
	padding: 2px
}

div#cgit table.ssdiff {
	width: 100%
}

div#cgit table.ssdiff td {
	font-size: 75%;
	font-family: monospace;
	white-space: pre;
	padding: 1px 4px;
	border-left: 1px solid;
	border-right: 1px solid
}

div#cgit table.ssdiff td.add,
div#cgit table.ssdiff td.add_dark,
div#cgit table.ssdiff td.del,
div#cgit table.ssdiff td.del_dark,
div#cgit table.ssdiff td.changed,
div#cgit table.ssdiff td.changed_dark,
div#cgit table.ssdiff td.lineno,
div#cgit table.ssdiff td.hunk,
div#cgit table.ssdiff td.head,
div#cgit table.ssdiff td.foot,
div#cgit table.ssdiff td.space {}

div#cgit table.ssdiff td.lineno {
	text-align: right;
	width: 3em;
	min-width: 3em
}

div#cgit table.ssdiff td.space div {
	min-height: 3em
}

div#cgit .right {
	text-align: right
}