body {
  color: #000000;
}

h1 {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
  text-align: center;
}

h2 {
  font-family: "Teachers", sans-serif;
  font-weight: 200;
  font-optical-sizing: auto;
  font-style: normal;
  text-align: center;
}

a:visited {
  color: blue;
}

ul {
  list-style: none;
  padding-left: 10px;
}

#header {
  padding: 0.75rem;
}

#page {
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
  align-content: flex-start;
  align-items: flex-start;

  font-family: "Teachers", sans-serif;
}

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 3rem;
}

.gallery-item {
  width: 300px;
}

.gallery img {
  max-width: 300px;
  max-height: 300px;
}

.video-figure {
  max-width: 300px;
  max-height: 300px;
  margin: 0;
}

.video-caption {
  font-family: "Roboto Mono", monospace;
  font-size: 0.8em;
  text-align: right;
  margin-top: 4px;
  color: gray;
}

.project-title {
  font-weight: 500;
  font-family: "Roboto Mono", monospace;
}

.footer {
  text-align: right;
  padding-right: 1rem;
  font-family: "Teachers", sans-serif;
}

.footer-icons {
  display: flex;
  justify-content: right;
  gap: 0.5em;
}

.footer-icon {
  width: 2em;
  height: 2em;
}