html {
	font: bold 15px monospace;
}

body {
	background-color: white;
	margin: 0px;     
}

header {
	background-color: #FFF8DC;
	color: black;
	padding: 10px;
	text-align: left;
}

main {
	display: flex;
	flex-direction: row;
}

footer {
	background-color: #9ba8d9;
	color: black;
	padding: 10px;
}

nav {
	list-style-type: none;
	padding: 20px;
	float: left;
	min-width: 8%;
	min-height: 80vH;
}

content {
	color: black;
	text-align: left;
	padding: 30px;
}

input:disabled {
  background: white;
  color: black;
}

div.code {
	padding-left: 10px;
	color: green;
}

div.gallery {
  border: 1px solid #777;
  width: 25vh;
}

div.gallery:hover {
  border: 1px solid #ccc;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

.responsive {
  padding: 0 6px;
  float: left;
}