body {
	background-color: #0D1A22;
	color: Seashell;
	font-family: Helvetica, sans-serif;
}


img {
  max-width: 750px;
  height: auto;
}

.content{
	max-width: 800px;
	font-size: 16px;
	margin-left: 160px;
	padding: 0px 10px;
}

/* navigation bar */
.navigation {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #1B3647;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
}	

.navigation a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

/* link related CSS */
/* unvisited link */
a:link {
  color: Aquamarine;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: white;
}

.gallery{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content: baseline;
}

.gallery img{
	max-width:375px;
	height:auto;
}



/*Text-focused gallery */
.character_gallery{
	vertical-align: top;
	background-color:#1B3647;
	border: 3px solid black;
}

.profile_pic {
	display: inline-block;
	max-width: 240px;
	padding-right: 9px;
	border: 5px;
}

.profile_pic img {
	max-width: 240px;
	padding-top: 15px;
}

.profile_text {
  max-width:480px;
  display: inline-block;
  vertical-align: top;
}

/* Image-focused gallery */
.gallery_review{
	vertical-align: top;
	background-color:#1B3647;
	border: 3px solid black;
}

.review_pic {
	display: inline-block;
	max-width: 480px;
	padding-right: 9px;
	border: 5px;
}

.review_pic img {
	max-width: 480px;
	padding-top: 15px;
}

.review_text {
  max-width:240px;
  display: inline-block;
  vertical-align: top;
}