body {
    background-color: #000000;
    color: #ffffff; /* Sets text to white for readability */
}

.container {
  display: flex;
  justify-content: center; /* Centers horizontally */
  height: 100vh;           /* Makes the container fill the screen height */
}

.text {
  /* Just above the top third (33.3%) */
  margin-top: 30vh;
}

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.geist-<uniquifier> {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.geist-mono-<uniquifier> {
  font-family: "Geist Mono", monospace;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}