@charset "utf-8";

body {
	font-family: 'Source Sans Pro', sans-serif;
}

#navbarSupportedContent a:link, a:visited {
	color: black;
	text-decoration: none;
}

#navbarSupportedContent a:hover {
	color: dodgerblue;
}

.img-thumbnail {
	position: relative;
	text-align: center;
	color: black;
}

.summary {
	position: absolute;
	top: 6%;
	left: 8%;
	font-kerning: 2%;
}

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

.click {
  border: 1.25% solid black;
  background-color: white;
  color: black;
  font-size: 100%;
  cursor: pointer;
}

.button {
  border-color: #DCDCDC;
  color: black;
}

.button:hover {
  background-color:#8C8C8C;
  color:white;
	transition: 0.25s ease;
}

#container {
	width: 62.5%;
	margin: 1.25% auto;
}

section {
	margin: 1.25%;
}

#Author {
	border:#D7D7D7 solid;
	background:#EBEBEB;
}

.imgright {
	float: right;
	margin-left: 1,25%;
}

#content {
	margin-left: 1.25%;
	padding: 1.25%;
}

.gambars {
	position: relative;
	width: 50%;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.gambars:hover .image {
	opacity: 0.3;
}

.gambars:hover .middle {
	opacity: 1;
}

.text {
	color: black;
	font-size: 300%;
	padding: 1% 2%;
}

#ch {
	border:#D7D7D7 solid;
	background:#EBEBEB;
}

#ch a:link, a:visited {
	color: black;
	text-decoration: none;
}

#ch a:hover {
	color: dodgerblue;
}

#malink a:hover {
	color: black;
}

footer {
	background:#D9D9D9;
}

.footer {
	display: inline-block;
	margin: auto 1.875%;
}

.myfoot {
	width: 62.5%;
}