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

html {
	background-color: #482a0b;;
}
body {
	background-color: #fff;
	font-size: 1em;
	margin: 20px auto;
	max-width: 1000px;
	padding: 20px 40px;
	width: 85%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia,"Times New Roman","DejaVu Serif",serif;
	font-weight: 600;
	line-height: 1.25;
}
h1 {
  font-size: 2em;
  margin: 1.25em 0 .75em 0;
}
h2 {
  font-size: 1.35em;
  margin: 1.5em 0 1em 0;
}
p {
	color: #000;
	font-family: "Open Sans",Verdana,"Helvetica Neue",Arial,Helvetica,sans-serif;
	line-height: 1.75;
	margin: 0 0 1.25em 0;
}
a {
	font-weight: 600;
}
.menu {
  display: grid;
  gap: 10px 0;
  grid-template-columns: repeat(auto-fit,minmax(8em,1fr));
  list-style: none;
  padding: 0;
  text-align: center;
}
.menu li {
	background-color: #754411;
	border-radius: 10px;
	margin: 10px 10px 0 0;
	padding: 10px;
}
.menu a {
	color: #fff;
	padding: 10px;
}
.menu li:hover {
	background-color: #eabc5c;
}
.menu li:hover a {
	color: #000;
}