source ⟩ hypertext ⟩ public ⟩ crying ⟩ crying.css

:root {
	--background: #f8f8f8;
	--text: #60646d;
	--accent: #7a8dd3;
	--accent-seethrough: #7a8dd322;
}

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

h1 {
	font-size: 1.75rem;
	color: var(--text);
	margin-block-end: 0;
}

h2 {
	font-weight: normal;
	font-size: 1rem;
	font-style: italic;
	color: var(--text);

	text-align: start;
	border-block-end: 1px dotted var(--text);
}

a,
b {
	color: inherit;
}

ul {
	margin: 0;
	padding: 0;
}

li:not(.languages li, footer li) {
	display: block;
	padding: 0;
	font-size: 0.9rem;
	margin-block-end: 0.5rem;
	hyphens: none;
}

a:not(.big-link) {
	text-decoration: 1px dotted underline;
	text-decoration-color: var(--accent);
}

a.big-link {
	color: var(--accent);
	font-size: 1.75rem;
	display: block;
	text-decoration: none;
	line-height: 1.1;
}

a.big-link:hover,
a.big-link:focus {
	text-decoration: underline;
}

[title] {
	text-decoration: 1px dotted underline;
}