/* setup */

@charset "UTF-8";


/* odo title */
@font-face { 
	font-family: 'Thesignature';
	src: url(fonts/Thesignature.woff2);
}

/* standard fonts */
@font-face { 
	font-family: 'creatolight';
	src: url(fonts/CreatoDisplay-Light.woff2);
}
@font-face { 
	font-family: 'creatomedium';
	src: url(fonts/CreatoDisplay-Medium.woff2);
}

/* shared content */
/* BG */

body {
	background-image: url(../images/bgtile.svg);
	background-repeat: repeat;
	background-size: 100px auto; 
}

.invisible-bounds-big{
	display: flex;
	justify-content: center;
	align-items: center;


	
}

.title-space{
	font-family: 'Thesignature';
	line-height: 2;
	font-size: 48px;
}

.juicy-button{
	justify-content: center;
	background-color: #8E2E26;
	color: #FFFFFF;
	line-height: 2;
	padding-left: 5px;
	padding-right: 5px;
	
	font-family: 'creatomedium';
	font-size: 24px;
	text-decoration: none; 
}

.much-text{
	font-family: 'creatolight';
	font-size: 20px;
}
.condense-text{
	padding-left: 10vw;
	padding-right: 10vw;
}
.smol-text{
	font-family: 'creatolight';
	font-size: 12px;
}


/* misc general properties for multiclass  */

.centered{
	text-align: center;
}
hr{
	display: block;
	width: 70vw;
	border-width: 1px;
	color: #000000;
}


/* menu page	 */
.subpage-logo{
	height: 13vh; 
	width: auto;

}

.menu-block{
	background-color: #704E37;
	display: grid;
	justify-content: center; /* Centers horizontally */
	align-items: center;     /* Centers vertically */
	grid-template-areas: 
	"menu-head"
	"menu"
	"pricing"
	"menu-buttons";
	width: 75vw;
	padding: 10px;
	
}

.menu-head{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.menu-title{
	font-family: 'creatomedium';
	font-size: 34px;
	text-decoration: none; 
}


@media (min-width: 768px) {	
	.menu-subgrid{
		background-color: #704E37;
		display: grid;
		justify-content: center; /* Centers horizontally */
		align-items: center;     /* Centers vertically */
		grid-template-areas: 
		"french-pic french-label"
		"shoku-pic shoku-label";
		grid-template-columns: 10fr, 15fr;
		grid-template-rows: 2fr 2fr;
		padding: 10px;
		gap: 0.9vh;
	}
}


.menu-pic{
	height: 20vh; 
	width: auto;

}
.label-head{
	font-family: 'creatomedium';
	font-size: 20px;
}
.label{
	font-family: 'creatolight';
	font-size: 20px;
}

.menu-buttons{
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 20px;
}



/* landing/index */
.central-block{
	background-color: #704E37;
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center;     /* Centers vertically */
	flex-direction: column;
	width: 80vw;
}

.sub-block-buttons{
	/* background-color: #7C5840; */
	display: flex;
	flex-direction: row;
	gap: 5px;
}

.big-logo{
	height: 30vh; 
	width: auto;

}