html,
body {
  background: #fffaf7;
  color: #2d2d2d;
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  scrollbar-gutter: stable both-edges;
}

header {
	padding-bottom: 10px;
	border-bottom: 1px solid currentColor;
	margin-bottom: 10px;
}

header h1 {
	margin: 0;
}

header ul {
	margin: 10px 0 0;
  list-style: none;
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}

@media (max-width: 38rem) {
  header li a {
    width: 100%
  }
}

a,
a:visited {
  color: darkred;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

main {
  margin: auto;
  max-width: 38rem;
  padding: .8rem;
  padding-top: 4vh
}

img {
  height: auto;
  max-width: 100%
}

footer {
	margin-top: 10px;	
	padding-top: 10px;
	border-top: 1px solid currentColor;
}