@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');

h1 {
  text-align: center;
}

.altersnap {
  font-family: 'Roboto Mono', monospace;
  background-color: black;
  color: white;
}

.coming {
  padding: 8px;
  border: thick dashed;
  border-radius: 16px;
}

.hold-to-pause {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 2px solid white;
  padding: 8px;
  background-color: black;
  color: white;
}

.navbar {
  transition: background-color 0.5s;
}

.navbar.scrolled {
  background-color: #343a40;
}

.heading-container > h1 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.footer {
  margin-top: 80px;
}