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

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #FFFFFF;

	/* gombok a képernyő közepén */
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	min-height: 100vh;
}

#button-hur a,
#button-har a {
	display: block;
	width: 200px;
	height: 140px;
	background-repeat: no-repeat;
	background-position: center;
}

#button-hur a       { background-image: url(../images/but-hur-out.png); }
#button-hur a:hover { background-image: url(../images/but-hur-in.png); }

#button-har a       { background-image: url(../images/but-har-out.png); }
#button-har a:hover { background-image: url(../images/but-har-in.png); }

#contaier {
	background-color: #FFFFFF;
	height: 170px;
	width: 100%;
	opacity: 0.5;
}

/* mobilon egymás alá */
@media (max-width: 600px) {
	body {
		flex-direction: column;
		gap: 20px;
	}
}