* {
	margin:0;
	padding:0;
}
.bar {
	width:100vw;
	height:50px;
	background-color:moccasin;
	position:relative;
}
a {
	text-decoration:none;
}
a:link {
	color:#333;
}
.summary {
	color:#333;
	display:inline-block;
	padding:0 32px;
	margin-left:20px;
	line-height:50px;
	user-select:none;
}
.details:focus-within .summary {
	background-color:#222;
	color:#fff;
	pointer-events:none;
}
.box {
	background-color:mistyrose;
	width:128px;
	margin-left:20px;
	padding:5px 0;
	display:none;
}
.details:focus-within .box {
	display:block;
}
.box a {
	display:block;
	padding:15px 20px;
}
.box a:hover {
	background-color:#ccc;
	color:red;
}