#my-box {
  --box-border-color: #d79921;
  --box-border-width: 1px;
  max-width: 40ch;
  margin: 2lh auto;
}

#content {
  padding: 0lh 1ch;
  padding-top: 0.5lh;
  padding-bottom: 1.5lh;
  display: flex;
  flex-direction: column;
  gap: 1lh;
}

#buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1ch;
}

#logo {
  background-color: var(--background0);
  color: #d79921;
  font-size: 0.6rem;   /* ANSI Shadow is wide; scale down to avoid horizontal overflow */
  line-height: 1;
  overflow-x: auto;    /* fallback on narrow viewports rather than wrapping/breaking glyphs */
}

.header {
  display: flex;
  justify-content: space-between;
}

.header span {
  background-color: var(--background0);
  color: #d79921;
  padding: 0 1ch;
}

body {
  color:#FFF;
}