@charset "UTF-8";

.box {
	background-color: var(--box-background);
	padding: 15px;
	margin: 13px;
	border-radius: 10px;
}
.box p, h1, h2 {
	margin: 0;
}
.box p {
	color: var(--text-color);
}
.box h2, p, a {
	font-family: "darkmode-on", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.box h2 {
	font-size: 15pt;
	margin-bottom: 14px;
	margin-top: 1px;
	display: block; /* or inline-block */
	white-space: normal; /* ensures normal word wrapping */
	/* color: var(--subtitle-color); */
	color: var(--text-color);
}
.box h2 a,
.box h2 p {
	display: inline;
	margin: 0;
}
.box h1 {
	font-family: "elza", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: var(--title-color);
}
.box a {
	text-decoration: none;
	color: var(--link-color);
	transition: 0.2s;
}
.box a:hover {
	color: var(--link-hover);
}
.box .date-bar {
	display: inline-flex;
}
#about-box {
	border-radius: 10px;
	border-color: var(--nav-color);
	border-width: 3px;
	background-color: #0000;
	border-style: solid;
	padding-top: 7px;
}
@media (max-width: 800px) {
	.box .date-bar {
		display: none;
	}
}