@font-face {
  font-family: 'LucidaConsoleCustom';
  src: local('Lucida Console'),
       url('lucon.woff2') format('woff2'),
       url('lucon.woff') format('woff'),
       url('lucon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #c39f85;
  color: #805e54;
  font-family: 'LucidaConsoleCustom', 'Lucida Console', monospace;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.about-img {
  max-width: 98%;
  max-height: 60%;
  object-fit: contain;
  margin-bottom: 10px;
}

#visitorTextContainer {
  width: 95%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

#visitorText {
  display: inline-block;
  white-space: nowrap;
  letter-spacing: 0.1em;
  transform-origin: center center;
}