@charset "utf-8";
/* CSS Document */


.container {
	max-width:500px;
	margin: auto;
}
.gallery-container {
	max-width:500px;
	margin: auto;
	border: #fff solid 3px;
	background: #fff;
}

.main-img img, .imgs img {
	width: 100%;
	padding: 0;
	margin: 0;
}

.imgs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 5px;
}


/* Fade in anitation */
@keyframes fadeIn {
	to {
		opacity: : 1;
	}
}

.fade-in {
	opacity: 0;
	animation: fadeIn 0.5s ease-in 1 forwards;
}