@media only screen and (max-width: 600px) {
  html { 
    zoom: .8; 
	}
}

body {
	background-color: black;
	color: white;
	font-family: monospace;
}

a:link, a:visited {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: lime;
	text-decoration: underline;
}

ul.content > li > a:hover, a.index:hover, a.album:hover, .header > a:hover {
	color: red;
	text-decoration: none;
}

a.title, a.index,  ul.content > li > a {
	color: white;
	text-decoration: none;
}

h3 {
	margin-bottom:10px;
}

img {
	border: 1px solid white;
	cursor: default;
}

.flex {
	display: flex;
}

.header > a {
	color: cyan;
	font-size: 14px;
}

.cyan, a.album {
	color: cyan;
}