/*Everything in this css file has also been added to styles.css. 

It exists to force browsers to get the updated css when they load affiliates.html for the first time.

When deleting this file, also delete the line in Gallery.html which calls it.*/

#gridContainer{
	margin-right: 1em;
	margin-left: 1em;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1.2em;
	row-gap: 1.2em;
	}

.imgCropHolder:hover{
	box-shadow: 0 0 2px 2px #1d921d;
}

.imgCropHolder{
	background-color: black;
	display: inline-block;
	overflow: hidden;
	height: 10em;
	position: relative;
}

.imgCropHolder img{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.divLink {
	position: absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}