body {
	font-size:2vh;
	margin:0px;
	background-color:#d1b18e;
	background-image:url("backTexture.png");
	background-repeat:repeat;
}
p {
	color:#603814;
	margin:1em;
	font-size:1.5em;
	text-align:justify;
}
button {
	background-color:#a7825f;
	height:2.5em;
	border:none;
	color:#603814;
	font-size:1.6em;
	font-weight:bold;
	cursor: pointer;
}
button:hover {
	background-color:#634c36;
}
button:disabled {
	background-color:#c2986b;
	color:#a7825f;
	cursor: default;
}
input {
	font-size:1.6em;
	background-color:#c2986b;
	color:#603814;
	height:2.5em;
	text-align:center;
}
input::placeholder {
	color:#603814;
}
input[type="text"] {
	border: none;
	outline: none;
}
table {
	color:#603814;
	border-spacing:0px;
	border-collapse:collapse;
}
th, td {
	border:5px solid #a7825f;
	min-width:0;
	text-align:center;
}
.no-download {
	-webkit-user-drag: none;
	user-drag: none;
}
.clickable {
	cursor: pointer;
}
#header {
	background-color:#a7825f;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:10em;
	background-image:url("headTexture.png");
	background-repeat:repeat;
}
#logo {
	height:90%;
}
#cart {
	height:50%;
	position:absolute;
	padding:2.5em;
	right:0px;
}
#cartNumber {
	height:25%;
	position:absolute;
	padding:0.5em;
	right:0px;
	top:0px;
}
.center-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#body {
	background-color:#d1b18e;
	background-image:url("backTexture.png");
	background-repeat:repeat;
	position:absolute;
	top:10em;
	bottom:0px;
	width:100%;
}
#contact {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:1em;
}
#flex-row-front-page {
	display:flex;
	height:100%;
	width:100%
}
/* For mobile sites */
@media (max-aspect-ratio: 1/1) {
	#header {
		height:7em;
	}
	#cart {
		padding:1.75em;
	}
	#body {
		bottom:auto;
		top:7em;
	}
}