.footer {
  flex-shrink: 0;
  font-family: 'IBM Plex Mono', monospace;
  background-color: var(--footer-bg);
  color: var(--footer-text);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 14px;
  font-weight: bolder;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-left: 230px;
}

@media (max-width: 850px) {
  .footer {
    padding-left: 2rem;
  }
}