#screen {
  height: 100%;
  width: 100%;
}

#screenText {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, var(--bg) 15%);
  mask-image: linear-gradient(to right, transparent 0%, var(--bg) 15%);
  grid-template-rows: 1fr 1fr;
  background-color: var(--bg);
  grid-template-columns: 1fr;
  width: calc(100% - 10dvh);
  position: absolute;
  text-align: right;
  display: grid;
  height: 23dvh;
  margin: 1dvh;
  right: 0;
  top: 0;
}

#menuButton, #historyButton {
  transition: transform 0.3s ease;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  background: none;
  position: fixed;
  margin: 1dvh;
  height: 7dvh;
  width: 7dvh;
  padding: 0;
}

#menuButton {
  left: 0;
  top: 0;
}

#historyButton {
  top: 9dvh;
  left: 0;
}

#menuButton svg, #historyButton svg {
  height: auto;
  margin: auto;
  width: 75%;
}

#pResult,
#pSpam {

  margin: auto 3vw;
  scrollbar-width: none;
  white-space: nowrap;
  overflow-x: auto;
  direction: ltr;
  font-size: 7vh;

}

#pResult::-webkit-scrollbar,
#pSpam::-webkit-scrollbar {

  scrollbar-width: none;

}

#pSpam {

  opacity: 0.5;

}