:root {

	--gris: hsl(0, 0%, 19.6%);
}
body {

	background-color: var(--gris);
	background-image: url("atlantis-1.webp");
	background-repeat: none;
	background-size: 105%;
	background-position: top center;
	background-attachment: fixed;
}

header {

	background-color: black;
	color: white;
}

main {

	background-color: white;
}

body.home main {

	background-color: transparent;
}

body.home main > article {

	background-color: white;
}

a,
a:visited {

	color: hsl(120, 50%, 25%);
	text-decoration: none;
}

a:hover {

	text-decoration: underline;
}

ul.tags li {

	color: hsl(0, 0%, 50%);
	border-style: solid;
}

blockquote {

	font-style: oblique;
}

details {

	background-color: hsl(0, 0%, 0%);
	color: hsl(138.9, 31.6%, 54.7%);
}

:is(details, blockquote)[data-character="samantha-carter"] {

	background-color: hsl(240, 60.7%, 21%);
	color: hsl(222.5, 100%, 77.8%);
}

:is(details, blockquote)[data-character="vala-mal-doran"] {

	background-color: hsl(0, 0%, 0%);
	color: hsl(0, 0%, 100%);
}

:is(details, blockquote)[data-character="daniel-jackson"] {

	background-color: hsl(44.4, 49.7%, 68%);
	color: hsl(44.5, 28.4%, 21.4%);
}

:is(details, blockquote)[data-character="steven-caldwell"] {

	background-color: hsl(0, 0%, 80%);
	color: hsl(0, 0%, 20%);
}

:is(details, blockquote)[data-character="george-hammond"] {

	background-color: hsl(0, 2%, 12%);
	color: hsl(0, 2%, 80%);
}

details summary {

	cursor: pointer;
	font-weight: bold;
	font-family: sans-serif;
}

details img[src^="./images/chevrons"] {

	filter: invert(100%);
}

details summary:before,
blockquote[data-character]:before {

	mask-image: radial-gradient(black 66%, transparent 63%);
}

details summary:before {

	content: url("rodney-mckay-1.cropped-2.64px.jpg");
}

details[data-character="samantha-carter"] summary:before,
blockquote[data-character="samantha-carter"]:before {

	content: url("samantha-carter.cropped.64px.jpg");
}

details[data-character="vala-mal-doran"] summary:before,
blockquote[data-character="vala-mal-doran"]:before {

	content: url("vala-mal-doran-1.cropped.64px.jpg");
}

details[data-character="daniel-jackson"] summary:before,
blockquote[data-character="daniel-jackson"]:before {

	content: url("daniel-jackson-1.cropped.64px.webp");
}

details[data-character="steven-caldwell"] summary:before,
blockquote[data-character="steven-caldwell"]:before {

	content: url("steven-caldwell-1.cropped.64px.webp");
}

details[data-character="george-hammond"] summary:before,
blockquote[data-character="george-hammond"]:before {

	content: url("george-hammond-1.cropped.64px.webp");
}

/* ============================================================================ Tables
 */

td, th {

	border-style: solid;
	border-color: var(--gris);
}

td {

	background-color: hsl(0, 0%, 90%);
}

th {

	background-color: var(--gris);
	color: white;
}