body {
  background-color: #000000;
  color: #DE8549;
  font-family: 'Share Tech Mono', sans-serif;
  margin: 0;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90vh;
  font-size: 16px;
  text-align: center;
}

/* Containers for content */
.h1container {
  padding: 0px;
  border: 1px solid #ffee8c;
  border-radius: 0px;
  text-align: center;
  margin: 4px;
  background-color: rgba(242, 208, 13, 0.2);
  font-family: 'Audiowide', sans-serif;
}

.maincontainer {
  padding: 16px;
  border-radius: 16px;
  font-family: 'Share Tech Mono', sans-serif;
  text-align: center;
  margin: 4px;
  background: #272727;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  box-shadow:
    inset 6px 6px 0px #303030,
    inset -6px -6px 0px #101010;
}
.maincontainer h1 {
  color: #eec73a;
  font-family: 'Audiowide', sans-serif;
  padding: 4px;
  padding-right: 16px;
  border-right-style: solid;
  border-width: 1px;
}

.grid {
  padding: 4px;
  border: 1px solid #ffee8c;
  display: grid;
  max-width: clamp(600px, 80vw, 800px);
}

h1 {
  color: #eec73a;
  margin-bottom: 20px;
  font-size: 1.5em;
}
.yellowtext {
  color: #eec73a;
}