html, body {
  background-color: rgb(14, 15, 17);
  color: rgb(229, 231, 235);
  font-size: 18px;
  font-family: system-ui, sans-serif;
  margin: 20px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

a {
  text-decoration: none;
}

h1 {
  text-align: left;
  font-size: 2.25rem;
  font-weight: 600;
  margin: 2rem 0;
}
h1 .primary {
  color: rgb(229, 231, 235);
}
h1 .secondary {
  color: rgb(156, 163, 175);
  font-weight: 400;
}

embed {
  width: 100%;
  height: 85vh;
  border: 10px solid rgb(28, 30, 34);
  box-shadow: 0 0 20px 0 2px 6px rgba(0, 0, 0, 0.3);
}

footer {
  display: flex;
  height: 5hv;
  font-size: 0.75rem;
  color: rgb(156, 163, 175);
}

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