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

*{ /* affects all elements of the whole page */
	/*get rid of default padding and various other elements*/
	padding: 0;
	margin: 0;

}

html{ /* does the whole page */
	
}

body {
  	background-color: rgba(172,43,45,0.8);

}

ul.menu{
	text-align: right;
	background-image: url("../img/horizontal_vines.png");
	background-color: white;
	padding-top: 145px;

	
	padding-right: 20px;

}

ul.menu li{
	align-content: center;
	display: inline-block;
	border-radius: 5px 5px 0px 0px;
	border-top: 3px solid black;
	border-left: 3px solid black;
	border-right: 3px solid black;
	background-color: rgba(0,174,171,1);
	color: black;
	text-emphasis-color: lightblue;
	padding: 0px 10px;
	
	
	
	font-family: 'Reggae One', cursive;

	
}

ul.menu li a{
	
	display: inline-block;
	color: black;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 5px 5px 0px 0px;
	font-size: 20px;
	transition-duration: 350ms;
	
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/
}


ul.menu li:hover, ul.menu li a.active{
	background-color: lightgray;
	text-align: center;
	
	
}



ul.menu li a:hover{
	
		padding: 5px 45px;
}

h1.top_of_page{
	
	align-content: center;
	text-align: center;
	font-size: 90px;
	background-color: white;
	font-family: 'Allura', cursive;
	padding-top: 20px;
	
	
}



form.order_form{
	
		text-align: center;

}

h1.contact_header{
	
		text-align: center;

}

h1{
	
		text-align: center;

}

h2.order_h2{
	
		text-align: center;

}



div.contact_form{
	
	padding: 3px;
	border: solid black;
	background-color: lightblue;
	text-align: center;

}