html,body{
	width: 99vw;
	height: 98vh;
	background-color: black;
}

a { text-decoration: none; font-style: italic; font-weight: bold; }
a:link { color: white; }
a:visited { color: white; }
a:hover { color: white; }
a:active { color: white; } 

.container{
	width: 100%;
}

.gallery-wrap {
	display: flex;
	flex-direction: row;
	width: 99vw;
	height: 98vh;
}

.item {
	flex: 1;
	height: 100%;
	background-position: top center;
	background-size: cover;
	background-repeat: none;
	transition: flex 0.8s ease;
	&:hover{
		flex: 1.1;
	}
}

.item > .title {
	font-size: 2.5em;
	font-family: Verdana;
	font-weight: bold;
	position: relative;
	top: 8px;
	left: 16px;
	margin:15px 0;
	border-spacing: 5px;
	background-color: rgba(0, 0, 0, .3);
	border: solid 2px black;
	border-radius: 5px;
	color: white;
	padding: 4px;
}

.item > .subtext {
	font-size: 1em;
	font-family: Verdana;
	position: relative;
	top: 8px;
	left: 18px;
	margin:15px 0;
	border-spacing: 5px;
	background-color: rgba(0, 0, 0, .3);
	border: solid 2px black;
	border-radius: 5px;
	color: white;
	max-width: 300px;
	padding: 4px;
}

.item-1 { 
	background-image: url('games/mc.jpg');
}

.item-2 { 
	background-image: url('games/pkmn.jpg');
}

.item-3 { 
	background-image: url('games/pkmnac.jpg');
}

.item-4 { 
	background-image: url('games/ddo.jpg');
}

.item-5 { 
	background-image: url('games/wow.jpg');
}

.item-6 { 
	background-image: url('games/vs.jpg');
}