:root {
  --text: #241116;
  --background: #c51641;
}
 
body {
  background-color: var(--background);
  height: 100vh;
  overflow: hidden;
  margin: 0px;

  color: var(--text);
  font-family: Inconsolata, Monospace, Courier;
  font-display: swap;
  text-align: center;
}

div {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  gap: 0.1em;
}

p {
  margin: 0;
  line-height: 1.18em;
  font-size: 14pt;
  font-weight: bold;
}

a {
  text-decoration: none;
  transition: 200ms ease-in-out;
  margin: 5px;
}

p > a {
  margin: 0;
}

::-moz-selection {
  color: var(--background);
  background: var(--text);
}

::selection {
  color: var(--background);
  background: var(--text);
}

@media only screen and (max-width: 768px) {
  div {width: 90vw}
  h1 {font-size: 28pt}
  p {font-size: 12pt}
  .yui {font-size: 6pt}
  a {font-size: 12pt}
}