@charset "utf-8";
/* CSS for gallery */

.gallerycontainer {
	position: relative;
	margin-top: 50px;
	margin-left: 180px;
}

.thumbnail img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover {
	background-color: transparent;
}

.thumbnail:hover img {
	border: 1.5px solid #ffc301;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	border-radius: 5px;
	background-color: rgb(141, 129, 121);
	background-color: rgba(255, 255, 255, 0.5);
	padding: 5px;
	left: -1000px;
	border: 1.5px dashed #ffc301;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	border-radius: 10px;
	visibility: visible;
	top: 0;
	left: 230px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}