/* gruvbox */
/* "#1d2021", "#cc241d", "#98971a", "#d79921", "#458588", "#b16286", "#689d6a", "#a89984", */
/* "#928374", "#fb4934", "#b8bb26", "#fabd2f", "#83a598", "#d3869b", "#8ec07c", "#ebdbb2", */

html, body {
	background: #d8d8d8;
	color: #1d2021;
	font-family: sans-serif;
	margin: 0; padding: 0;
}

.navbar {
	background: #0000001f;
	font-size: 1.25rem;
	margin: 0; padding: 1rem;
}

div.container {
	max-width: 900px;
	width: calc(100% - 24px);
	margin: auto;
	padding: 12px;
}

h1 {
	text-align: center;
}

a {
	color: #a89984;
	font-weight: bold;
	text-decoration: none;
}

.card {
	background-color: #121212;
	padding: 21px 18px;
	margin: 3px;
}

.tag {
	background-color: #121212;
	padding: 6px 9px;
	margin: 3px;
}

a > div {
	color: #ebdbb2;
	font-weight: normal;
}

hr {
	margin: 2em 0;
	border: solid #a89984 1px;
}

p.padded {
	padding: 0.25em 1em;
	line-height: 1.25em;
}

.black		{ background: #1d2021; }
.red		{ background: #cc241d; }
.green		{ background: #98971a; }
.yellow		{ background: #d79921; }
.blue		{ background: #458588; }
.magenta	{ background: #b16286; }
.cyan		{ background: #689d6a; }
.grey		{ background: #a89984; }
.lblack		{ background: #928374; }
.lred		{ background: #fb4934; }
.lgreen		{ background: #b8bb26; }
.lyellow	{ background: #fabd2f; }
.lblue		{ background: #83a598; }
.lmagenta	{ background: #d3869b; }
.lcyan		{ background: #8ec07c; }
.lgrey		{ background: #ebdbb2; }

.t_black	{ color: #1d2021; }
.t_red		{ color: #cc241d; }
.t_green	{ color: #98971a; }
.t_yellow	{ color: #d79921; }
.t_blue		{ color: #458588; }
.t_magenta	{ color: #b16286; }
.t_cyan		{ color: #689d6a; }
.t_grey		{ color: #a89984; }
.t_lblack	{ color: #928374; }
.t_lred		{ color: #fb4934; }
.t_lgreen	{ color: #b8bb26; }
.t_lyellow	{ color: #fabd2f; }
.t_lblue	{ color: #83a598; }
.t_lmagenta	{ color: #d3869b; }
.t_lcyan	{ color: #8ec07c; }
.t_lgrey	{ color: #ebdbb2; }