@import url("https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
body {
  background: #f0e8e8;
  color: #333333;
  font-family: "Faustina", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
}

a {
  color: #229933;
}

a:visited {
  color: #229933;
}

div#main {
  margin: 8em 8em 8em 10%;
  max-width: 800px;
}

img {
  display: block;
  max-width: 100%;
}

img.circle {
  clip-path: circle();
}

#topnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1em;
  background: #f0e8e8;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-family: "Lato", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#topnav a {
  text-decoration: none;
  color: #333333;
}

.topnav-item {
  padding: 0 1em;
}
.topnav-item.active {
  font-weight: bold;
}

/*# sourceMappingURL=main.css.map */