@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;700&display=swap');
body {
  font-family: 'Roboto Mono', monospace;
}

mark {
  margin: 0 -0.4em;
  padding: 0.4em 0.8em;
  border-radius: 0.8em 0.3em;
  background: transparent linear-gradient(
      to right,
      rgba(50, 205, 50, 0.1),
      rgba(50, 205, 50, 0.7) 4%,
      rgba(250, 250, 51, 1)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.hero {
  background: var(--bs-tertiary-bg);
}

footer {
  background: var(--bs-tertiary-bg);
}