.commonplaces {
	display: flex;
}

.commonplaces-list {
	flex: 2;
	margin-right: 2em;
}

.commonplaces-tags {
	position: relative;
	flex: 1;
}

h2 {
	margin-top: 35px;
	margin-bottom: 15px;
	text-align: center;
	font-family: 'kreon', Georgia, "Times New Roman", serif;
	font-size: 48px;
	font-weight: bold;
	color: var(--txt);
}


h3 {
	font-family: 'theodonisvilla', 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: var(--first);
}

h4 {
	display: inline-block;
}
h4:not(:last-child)::after {
	content: "◈";
	padding: 0 5px;
	font-size: 1.3em;
	line-height: 24px;
	vertical-align: middle;
}


p {
	font-size: 20px;
	margin-bottom: 1em;
}


.commonplaces-tags ul {
	margin-top: 1em;
}

.commonplaces-tags li {
	display: inline-block;
	margin: 10px 0;
	list-style-type: none;
}


.commonplaces-tags li a {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
	border: 2px solid var(--third);
	background: var(--second-10);
}

.commonplaces-tags li:hover a,
.commonplaces-tags li.selected a {
	text-decoration: none;
	color: var(--fifth);
	border: 2px solid var(--fifth);
	background: var(--fifth-30);
}


.commonplaces-tags .resetTags {
	position: absolute;
	right: 1em;
	top: 1em;
}