body {
font-family: palatino, georgia, times, serif;
font-size: 1em;
background-color: #7670c9;
}

#main {
margin: auto;
width: 80%;
padding: 1em 0;
}

#content {
padding: 1em 2em;
background-color: #FFFFFF;
margin: 1em 0;
}

#header, #footer {
margin: 0;
padding: 0.5em 1em;
background-color: #8b50c2;
text-align: center;
}
#header ul {
  display: flex;
  flex-direction: row;
  gap:0.1em;
  flex-wrap: wrap;
}

#header ul li, #footer ul li {
list-style: none;
display: inline;
margin: 0.5em 0.1em;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
background-color: #5f3d9a;
color: #FFE1FF;
font-family: palatino, georgia, courier, monotype;
font-size: 1.2em;
padding: 0.3em;
}

div#header a:hover, div#footer a:hover {
background-color: #FFFFFF;
color: #8B4789;
font-family: palatino, georgia, courier, monotype;
font-size: 1.2em;
padding: 0.3em;
}

a, a:link, a:visited {
text-decoration: none;
color: #C71585;
}

a:hover {
text-decoration: none;
color: #B23AEE;
}

h1 {
font-family: arial, sans-serif;
font-size: 3.5em;
font-weight: normal;
}

img {
padding: 0.6em;
border-style: none;
}

blockquote {
margin: 1em 3em;
padding: 1em;
background-color: #FFE1FF;
border: 0.1em solid #EED2EE;
}

p {
margin: 0;
padding: 0;
}

input, textarea {
font-family: palatino, georgia, times, serif;
font-size: 1em;
border: 0.1em solid #EED2EE;
}

textarea {
padding: 0.5em;
}

input, select {
padding: 0.1em;
}