/* reset */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* new stuff below */
<style>
@import url('https://fonts.googleapis.com/css2?family=Beau+Rivage&family=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
</style>
header {font-family: "Beau Rivage", cursive;}
h1 {font-size: 4em; text-align: center;font-family: "Beau Rivage", cursive; color:#9E9A80;}
h2 {font-size: 3em; text-align: center;font-family: "Beau Rivage", cursive; color:#9E9A80;}
body {background-color: beige;}
span {font-style: italic;}
main, footer {width: 90%; margin: auto; background-color: #CCFDD4; padding: 1em; background-color:#D9D3AF;}
footer {text-align: center;font-family: "Kodchasan", sans-serif; background-color: beige; color:#9D987F;}
p {margin: 1em; font-size: 1em; line-height: 1.5em;font-family: "Kodchasan", sans-serif;}
li {margin: .5em;font-family: "Kodchasan", sans-serif; }
nav li {margin: 1em; display: flex;font-family: "Kodchasan", sans-serif;}
a span {text-decoration: underline;}
nav ul {margin: 0; padding: 0; list-style-type: none; display:flex; justify-content: center;}
nav ul li a {display: block; border: 3px outset #807C68;  border-radius: .5em; padding: .5em 1em; margin: .5em;}
a { text-decoration: none; color: #9D987F; background-color: beige;}
.button {background:#D9D3AF; color:#9D987F; font-family:  "Kodchasan", sans-serif; padding: .5em 1em;}

label {display:block; margin-bottom:.5em;}
.FormList label {display: inline;}


div {display: flex; justify-content: center; align-items: center;}




img {width: 30%; display:block; margin: 0 auto; padding: 1em;}

@media screen and (max-width: 738px) {nav li { font-size: .5em;}}