/* styles.css */

hr {
	border: 0;
	height: 1px;
	background: linear-gradient(to right, transparent, #ccc, transparent);
	margin: 20px 0;
}

summary {
	user-select: none;
	cursor: pointer;
}

body {
	font-family: Arial, sans-serif;
	background-color: #F5F5F5;
	padding: 0 3%;
	color: #333;
}

a {
	color: #838eb4;
	text-decoration: none;
}

code {
	background-color: #eee;
	padding: 2px 5px;
	border-radius: 3px;
}

p {
	margin-bottom: 15px;
}

li {
	margin-bottom: 5px;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #333;
		color: #f0f0f0;
	}

	code {
		background-color: #444;
		padding: 2px 5px;
		border-radius: 3px;
	}
}