body {
		margin: 0;
		padding: 0;
		background: linear-gradient(to right, #75F467, #B8EAB3);
	}
	.grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.grid img {
		width: 100px;
		height: 177px;
		margin: 10px;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
		border-radius: 5px;
		cursor: pointer;
	}
	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}
	.modal img {
		display: block;
		max-width: 80%;
		max-height: 80%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.prev, .next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 9vh;
		border: none;
		background-color: rgba(0,0,0,0.5);
		color: #fff;
		padding: 10px;
		cursor: pointer;
	}
	.next {
		right: 0;
	}
	.close {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 10vh;
		color: #fff;
		cursor: pointer;
		z-index: 9999;
	}