:root{
	--theme-color:rgb(97, 37, 37);
	--color-2: rgb(119, 46, 46);
}

#menu{
    background-color: var(--color-2);
	border-color: var(--theme-color);
	
}

body{
	display: flex;
	flex-direction: column;
	background-color: black;
	color:white;
	height:100%;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	
	
	
}

h1{
    text-align: center;
}

nav ul {
	height: 50px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
    

}

nav a {
	font-size: 14px;
	color: #dddddd;
    text-decoration: none;
}

#about{
	text-align: center;
}


#review{
	display: none;
	position: fixed;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
	left: 0%;
  	top: 0%;
	width: 100%;
	height: 100%;
}

#review-form{
	display: flex;
	flex-direction: column;
	color: white;
	margin:15% auto;
	width: 50%;
	background-color: black;
	padding: 20px;
}

#review-form input{
	padding: 10px;
}

#review-form button{
	margin: 10px;
	width: 25%;
	align-self: center;

}

.open-button{
	width:20%;
	align-self: center;
	background-color: black;
	border-style:solid;
	border-color: white;
	color: white;
	border-radius: 5px;
	padding:5px;
	font-size: large;
}

.review-content{
	background-color: black;
	width: 75%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-self: center;
}

.single-review{
	
	width: 90%;
	
	text-wrap: stable;
	margin: 10px;
	padding:5px;
	border-radius: 40px;
	color: white;
	background-color:var(--color-2);
	border-color: var(--theme-color);
	border-width: 10px;
	border-style: solid;
	text-align: center;
}

#gallery-header,.review-header{
	text-align: center;
}

#gallery{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-self: center;
	padding:10px;
	width: 70%;
}

#gallery img{
	border-radius: 5px;
	background-color: var(--theme-color);
	margin: 15px;
	padding: 10px;
	width:25%;
}