html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #333;
	overflow-y: scroll;
	overflow-x: hidden;
}
.twBox {
	text-align: center;
	display: flex;
	justify-content: center;
}
.twLink {
	flex: 0 0 50px;
	height: 50px;

	display: block;
	margin-top: 30px;

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(/misc/twitch.png);
}
h1 {
	text-align: center;
	color: #fff;
}

.secretGallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}
.secretGallery > .grid-item {
	flex: 0 0 250px;
	height: 250px;

	flex: 0 0 25vmin;
	height: 25vmin;

	margin: 20px;

	cursor: pointer;

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	transition: transform 0.3s ease-out;
	transform: scale(1, 1);
}
.secretGallery > .grid-item:hover {
	transform: scale(1.05, 1.05);
	backface-visibility: hidden;
}

@media all and (max-width: 1024px) {
	.secretGallery > .grid-item {
		flex: 0 0 450px;
		height: 450px;

		flex: 0 0 45vmin;
		height: 45vmin;
	}
}