@import url('https://fonts.googleapis.com/css2?family=Amarante&family=Faculty+Glyphic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
p {color:#7b3c3c; font-family:"Libre Franklin", sans-serif; padding:.4em; margin:auto;}
h1, h2 {font-family:"Amarante"; color:#7b3c3c;}
h1 {text-align:center; font-size:3em;}
div.centered h1 {font-size:2em;}
h3 {font-family:"Amarante"; color:#7b3c3c;text-align:center;}
ul {list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #7d8c68; 
  justify-content: center;
  display: flex;}
a {color:#7d8c68; font-family:"Amarante";}
ul li {float: left;}
body {background-color:#f3efe8;}
ul li a {display: block;color: #f3efe8; 
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}
li {font-family:"Faulty Glyphic", sans-serif; font-size:1.25em;}
ul li a:hover {background-color: #b2bfa0;}
div {align-content: center; 
    display:block; 
    margin: auto;}