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

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: #41393d;
	font-family: Athelas Regular;
}

nav a {
	text-decoration: none;
	color: #d7e4c2;
}

.navigation {
	display: block;
	list-style-type: none; 
	margin: 0;
	height: 34px;
	text-decoration: none;
	background-image: linear-gradient(-90deg, #211D1F, #41393d );
}

li {
	float:left;
	}

.logo_li {
	width: 110px;
	margin-bottom: 10px;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}

li a {
	display:block;
	font-family:"Majesti Banner Book"; 
	text-shadow: 1px 1px 2px black; 
	text-align:center;
	text-decoration: none;
	padding: 8px;
	padding-bottom: 8px;
	}

li a:hover:not(.active){
	background-color: #8A8C8F;
}

.logo {
	width: 100%;
} 

.homepage {
	margin: 0 auto;
	height: 100%;
	text-align:center;
	font-size: 48px; 
	padding-left: 20px; 
	font-family: "Majesti Banner Book";
}

.homepage_text {
	margin: 0 auto;
	height: 100%;
	text-align:center;
	font-size: 20px; 
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Majesti Banner Book";
	text-shadow: 3px 3px 6px black;
}

.fortune { 
	float:right;
	position: absolute;
	bottom: 400px;
	right: 30px;
	margin: 8px;
	padding: 5px 5px;
	width: 250px;
	font-family: Athelas Regular; 
	color:#8A8C8F;
	background-image: linear-gradient(-90deg, rgba(33,29,31,0.40), rgba(65,57,61,0.40));

}

.background {
	margin: auto auto;
	background-position: center;
	background-image: url(http://www.geocities.ws/melaniestestingsite/Images/chinese_hospitality.jpg);
	background-repeat: no-repeat;
	height: 1000px;
}

#home-text { 
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
} 

.index { 
	color: #be1e2d;
	text-shadow: 1px 1px 2px black;
	text-align: center;
	width: auto;
} 

li .active{
	background-color: #ef4e22;
}

#footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: #8A8C8F;
	color: white;
	text-align: center;
}

.menu { 
	margin: 0 auto;
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
	text-align: center;
	max-width: 1000px;
	padding-bottom: 15%;
	background-color: rgba(0,0,0,0.5);
}

#menu {
	margin: 0 auto;
	width: 500px;
	color: #d4a18d;
} 

.rest_pic {
	width: 1200px;
	height: 900px;
}

.rest {
	width: 50%;
	padding-top: 10px;
} 

h2 {
	padding-left: 20px;
	color: #8A8C8F;
	text-align: center;
	text-shadow: 1px 1px 2px black;
	font-family: "Majesti Banner Book";
	margin: 0 auto;
}

#container {
	min-width: 100%;
	position: absolute;
	text-align:left;
} 

h1 {
	text-align: center;
	align-content: center;
	margin: 0 auto;
	color: #be1e2d;
	padding-bottom: 10px;
	text-shadow: 1px 1px 2px black;
	font-family: "Majesti Banner Book"; 
}

h3 {color:#ef4e22;
	text-shadow: 1px 1px 2px black;
	font-family: "Majesti Banner Book";
	margin: 0 auto;
	padding-left: 20px;
	text-align: left;
	
}

p {
	text-shadow: 1px 1px 2px black; 
	padding: 20px;
	color: #d4a18d;
	font-family: Athelas;
}

.about {
	margin: 0 auto;
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
	text-align: center;
	max-width: 1000px;
	padding-bottom: 15%;
	background-color: rgba(0,0,0,0.5);
}

.about p {
	padding: 20px 150px 20px 150px;
}

.hours {
	color: #d4a18d;
	padding: 10px;
	margin: 0 auto;
	max-width: 1000px;
	text-shadow: 1px 1px 2px black; 
	background-color: rgba(0,0,0,0.5);
	padding-bottom: 25%;
}

.hours table {
	padding: 20px;
	align-content: left;
}

.hours td {
	padding: 10px 20px;
} 

.reservations { 
	margin: 0 auto;
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
	text-align: center;
	max-width: 1000px;
	padding-bottom: 65%;
	background-color: rgba(0,0,0,0.5);	
}

form {
	color:  #d4a18d; 
	align-content:flex-start;
	text-align: left; 
	padding: 20px; 
} 

.contact {
	margin: 0 auto;
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
	max-width: 1000px;
	padding-bottom: 25%;
	background-color: rgba(0,0,0,0.5);
}

.events {
	margin: 0 auto;
	text-shadow: 1px 1px 2px black; 
	padding: 10px;
	max-width: 1000px;
	padding-bottom: 25%;
	background-color: rgba(0,0,0,0.5);
}

.event_pic {
	width: 900px;
	height: 665px;
}

.location {
	width:600px;
	height: 300px;
}

.offers {
	margin: 0 auto;
	padding: 15px;
	background-color: rgba(0,0,0,0.75);
	height: 600px;
	width: 500px;
	align-content: center; 
	align-self: center;
}