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

html, body {
  height: 100%;
}

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

a {
  color: fuchsia;
}

a::visited {
  color: purple;
}

.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;
}

.carousel-container {
  margin-top: 48pt;
}

.carousel-model {
  border: solid 2px;
  margin: 16px 0;
}

.carousel {
  display: flex;
  overflow-x: auto;
  gap: 8px;
}

.footer {
  margin-top: 80px;
}

.cover {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}