body {
	margin: 0;
	text-align: center;
	background: #f7f2ed url('/static/wallpaper.jpg') no-repeat;
}

/* Контейнер: flex, дві колонки на десктопі */
.container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin: 0 auto;
	flex-wrap: wrap; /* щоб на маленьких екранах було красиво */
}
.left {
	flex: 1 1 45%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.right {
	flex: 1 1 45%;
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}
.btn {
	display: inline-block;
	margin-right: 12px;
	padding: 12px 28px;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	background-color: #b45309;
	border-radius: 6px;
	text-decoration: none;
	transition: background-color 0.3s ease;
	user-select: none;
	cursor: pointer;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	border: none;
	text-align: center;
	min-width: 120px;
}

.btn:hover,
.btn:focus {
	background-color: #d97706; 
	outline: none;
}

.btn-secondary {
	background-color: #e2e8f0; /* приблизно gray-300 */
	color: #1e293b; /* gray-900 */
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #cbd5e1; /* gray-400 */
	outline: none;
}

img.huilo-class {
	width: 100vh;
}
@media screen and (max-width: 768px) {
	.container {
    	flex-direction: column;
    	align-items: center;
	}
	.left, .right {
    	height: 50vh;
		flex: 0 0 auto;
    	justify-content: center;
	}
	img.huilo-class {
		left: 0;
		right: auto;
		width:100vw;
	}
}