source ⟩ hypertext ⟩ public ⟩ dreams ⟩ dreams.css

:root {
	--background: #1a1713;
	--gold: #b19f79;
	--text: var(--gold);
	--accent: var(--gold);
	--accent_translucent: #b19f7922;
}

body {
	background-image: none;
	font-family: var(--serif);
}

article {
	margin: 1em 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.time {
	font-size: 0.8em;
	font-weight: bold;
	color: var(--accent);
	text-align: center;
	inline-size: 100%;
	background: linear-gradient(
		to top,
		transparent calc(50% - 3px),
		var(--accent) calc(50% - 3px) calc(50% - 2px),
		transparent calc(50% - 1px) 50%,
		var(--accent) 50% calc(50% + 2px),
		transparent calc(50% + 1px)
	);
	margin-block-end: 0;
}

.time-text {
	padding: 0 1em;
	background: linear-gradient(
		to left,
		transparent,
		var(--background) 1em calc(100% - 1em),
		transparent
	);
}

.gregorian-date {
	text-align: center;
	font-size: 0.7em;
	color: var(--accent);
}

.logentry {
	padding: 1em;
	background: linear-gradient(to top, var(--accent_translucent), transparent);
}

.spiritual {
	text-shadow: 0 0 5px var(--accent_translucent),
		0 0 10px var(--accent_translucent), 0 0 15px var(--accent_translucent),
		0 0 20px var(--accent_translucent);
	box-shadow: 0 5px 5px var(--accent_translucent);
}

.nightmare {
	color: #d55;
	--accent: #d55;
	--accent_translucent: #d552;
	background: #1a1313;
	box-shadow: inset 0 0 10px black;
}

.oneiromancy {
	font-style: italic;
	font-size: 0.8em;
}

h3 {
	font-size: 1em;
	margin-block-start: 0.5em;
	margin-block-end: 0.25em;
	text-align: center;
	font-variant: normal;
}

p:first-of-type,
h3 + p {
	margin-block-start: 0;
}

p:last-of-type {
	margin-block-end: 0;
}

.gnum {
	text-decoration: overline;
}

.name {
	font-style: normal;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

img {
	margin-inline-start: 0;
}

.all-sc {
	font-style: normal;
}