:root {
	border-color: MediumBlue;
	--cosma-blue-dark: Mediumblue;
	--border-color: deepskyblue;
	--indicator-background-color: ghostwhite;
}

body {
	font-family: var(--mono);
	font-size: 1.4rem;
}

.record main {
	font-family: var(--mono);
	font-size: 1.1rem;
	font-weight: 100;
	color: red;
	background-color: whitesmoke
}
.record main a.record-link {
	text-decoration: none;
	font-style: italic;
	color: mediumblue;
}

.record main hr {
	background: mistyrose;
}

.record main a.record-link::before {
	content: '/';
}

.record main h1, h2, h3, h4, h5, h6 {
	font-family: var(--mono);
}

main.record-container {
	color: mediumblue;
	background-image: radial-gradient(circle, SlateGrey 0.5px, snow 0.5px);
	background-size: 8px 8px;
}

details > summary {
	text-transform: lowercase;
}


details {
	font-size: 1rem;	
	background-color: whitesmoke;
}
text {
	fill: mediumblue;
	font-weight: 100;
	z-index: 999;
}



aside.menu {
	background-image: radial-gradient(circle, slategrey 0.5px, snow 0.5px);
	color: MediumBlue;
	background-size: 8px 8px;
	flex: 0 0 20rem;
}

aside.menu footer {
	width:20rem;
}

button {
	background-color: ghostwhite;
	font-family: var(--mono);
}

.title {
	text-transform: lowercase;
}

.load-bar #load-bar-value {
	background-color: gold;
}

.record footer li .record-links-context {
	font-size: 1rem;
}