* {
	font-family: Arial, sans-serif;
}

body {
	font-size: 2vw;
}

.highlight-yellow {
	color: #00f;
	font-size: 4vw;
	background-color: #ff0;
}

.highlight-red {
	background-color: #f00;
}

h2 {
	line-height: 0;
}

a:hover {
	background-color: #ff0;
}

details {
	border-bottom: 1px dashed black;
}

summary {
	display: inline-block;
	color: #ddd;
}

summary:hover {
	cursor: pointer;
	background-color: #ff0;
}

@keyframes flashing-yellow {
	0%		{background-color: rgba(255,255,0,100);};
	100%	{background-color: rgba(0,0,0,0);;};
}

.current {
	animation-name: flashing-yellow;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
	summary.current  {
		color: #000;
	}

::-moz-selection {
	background: #ff0;
}

::selection {
	background: #ff0;
}

sup {
	font-size: 0.6em;
}