img.contact-icon {
	width: 16px;
	height: 16px;
}

:root.dark img.contact-icon {
	filter: invert(1);
}

:root.light .logo:hover > img {
	filter: invert(1);
}

.logo:hover {
	background-color: var(--primary-color);
}
.note-header {
	padding: 5px 25px;
	font-size: inherit;
}

.note-container > .note-content > p {
	margin: 0px;
}

table th {
	font-size: medium;
	padding: 6px 6px;
}

table td {
	padding: 6px 6px;
}

figcaption p {
	margin: 0;
}

a.feeds {
	height: 20px;
	margin-left: 0.5em;
}

a.feeds img {
	height: 16px;
	width: 16px;
}
:root.dark a.feeds img {
	filter: invert(1);
}

img.article-img-right {
	float: right;
	margin: 5px;
	width: 40%;
}