.category {
	background-color: black;
	color: white;
	text-transform: uppercase;
	margin: 1em;
	padding: 0.4em 0.8em;
	border-radius: 3em;
	font-weight: bold;
	font-family: var(--pico-font-family-monospace);
}

article .category {
	position: absolute;
	top: 0;
	left: 0;
}

.category-price {
	left: unset !important;
	right: 0;
	background-color: #026e00;
}

.tag {
	transition: 0.3s ease-in-out;
	background-color: rgb(108, 117, 125);
	border-radius: 0.7em;
	display: inline-block;
	padding: 0.4em 0.8em;
	margin: 0.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.tag a {
	color: inherit;
	text-decoration: none;
}

.tag.nodejs {
	color: #fff;
	background-color: #026e00 !important;
}

.tag.cloudflare {
	color: #fff;
	background-color: #F6821F !important;
}

.tag.api {
	color: #fff;
	background-color: purple !important;
}


.tag.jekyll {
	color: #fff;
	background-color: #3f1f1f !important;
}

.tag.liquid {
	color: #fff;
	background-color: #67B8DE !important;
}

.tag.history,
.tag.blog,
.tag.pkm {
	color: #000;
	background-color: #F1E9D2 !important;
}

.tag.jquery {
	color: #fff;
	background-color: #0769ad !important;
}

.tag.php {
	color: #fff;
	background-color: #7A86B8 !important;
}

.tag.cli {
	color: #0F0;
	background-color: #000 !important;
}

.tag.github {
	color: #fff;
	background-color: #24292f !important;
}

.tag.linux {
	color: #000;
	background-color: #f5be04 !important;
}

.tag.google-cloud {
	color: #fff;
	background-color: #0060df !important;
}

.tag.vim {
	color: #fff;
	background-color: #009930 !important;
}

.tag.rsync {
	color: #fff;
	background-color: #680b66 !important;
}

.tag.spreadsheet,
.tag.finance {
	color: #fff;
	background-color: #37751d !important;
}

.tag.wordpress {
	color: #fff;
	background-color: #21759b !important;
}

.tag.bash {
	color: #47b353;
	background-color: #3e474a !important;
}

.tag.docker {
	color: #FFF;
	background-color: #1d63ed !important;
}