body {
	color: #fff;
	background-color: #919191;
	font-family: "Lucida Console", "Courier New", monospace;
	margin:0px;
}

h1 {
	color: #1f1f1f;
	background-color: #fff;
	padding: 0px;
}

h2 {
	display: inline-block;
	color: #1f1f1f;
	padding: 0px;
}

img {
	display: block;
	width: auto;
	height: auto;
	margin: 0px;
}

p {
	margin:5px;
}

summary {
	color: black;
}

.row {
	display: flex;
	gap: 10px;
	flex-direction: row;	
	flex-wrap: wrap;
}

.navbar{
	background-color:white;
	color:black;
	padding: 10px;
	font-size: 36px;
}

.content{
	margin-right: 1vw;
	margin-left: 1vw;
}

a:link {
	color: white;
	text-decoration: none;
}

a:visited {
	color: purple;
	text-decoration: none;
}

a:hover {
	color: hotpink;
	text-decoration: none;
}

a:active {
	color: purple;
	text-decoration: none;
} 

summary {
	display: flex;
	align-items:center;
}

details> summary{
	list-style-type: '';
}

details> summary > h2{
	text-decoration-line: underline;
}

details[open]> summary > h2{
	text-decoration-line: none;
}

summary:before {
	content: "►-";
}

details[open] summary:before {
	content: "▼-";
}