.tag_container input:checked ~ label:before { content: "\2713"; }
.tag_container input { display: none; }

.tag_container label:before {
	display: inline-block;
	content: "\00a0";
	width: 25px;
	text-align: center;
	border-radius: 50%;
	background: #f2f2f2;
}

.tag_container {
	display: table;

	font-size: 18px;
	line-height: 25px;
	padding: 5px;
	margin: 5% auto 5% auto;

	border-radius: 25px;
	border-style: solid;
	border-width: 5px;
}
.tag_container label { cursor: pointer; }
.tag_container label:hover::before { background: #ccc; }

/*each individual tag*/
.anime {
	background-color: #f44;
	border-color: #822;
}

.philosophy {
	background-color: #AC58FA;
	border-color: #8000FF;
}

.psychology {
	background-color: #F781F3;
	border-color: #FF00FF;
}

/*Minification of tags*/
.minitag {
	display: inline-block;

	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	margin: 2%

	border-radius: 16px;
	border-style: solid;
	border-width: 4px;
}