@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

.background {
	background-image: url("/public/assets/img/cafe_background.jpg");
	height: 100vh;
}

.content {
	background-color: #ffffff;
	border-radius: 14px;
	box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

.left-content {
	height: 50vh;
	width: 30vh;
	border-radius: 12px 0px 0px 12px;
	background-color: #5A3226;
}

.logo {
	width: 46%;
	max-height: 200px;
	margin-right: 14px;
	color: #5A3226;
}

.right-content {
	background: #ffffff;
	height: 50vh;
	width: 60vh;
	border-radius: 12px !important;
	display: flex;
	flex-direction: column;
}

.grid-content {
	display: flex;
	justify-content: center;
	align-items: center;
}