* {
	box-sizing: border-box;
}

body {
	margin: 0;
	min-height: 100vh;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	background: #f5f7fb;
}

.page {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.image-button {
	border: none;
	background: transparent;
	padding: 0;
	cursor: pointer;
	line-height: 0;
}

.main-image {
	width: min(70vw, 360px);
	height: auto;
	display: block;
	transition: transform 0.2s ease;
}

.image-button:hover .main-image {
	transform: scale(1.02);
}

.image-button:active .main-image {
	transform: scale(0.98);
}