html {
  background-color: #000000;
}

body {
  font-size: 1em;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  background-color: #000000;
  color: whitesmoke;
  max-width: 800px; /* Max width remains the same */
  width: 100%; /* Full width */
  margin: 0 auto; /* Center the body */
  padding: 15px; /* Increased padding for better mobile view */
  box-sizing: border-box;
}

/* Ensure all content is left-aligned */
body * {
  text-align: left;
}

model-viewer {
  width: 100%; /* Full width of the container */
  max-width: 100%; /* Prevents overflow */
  height: 500px;
  margin: 20px 0; /* Removed auto to ensure consistent alignment */
  display: block;
  box-sizing: border-box;
}

/* Rest of your CSS remains the same */
textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 5px;
  margin: 5px 0;
  resize: vertical;
  font-size: 1em;
  font-family: inherit;
}

p {
  font-weight: normal;
}

h1 {
  font-size: 2.5em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #f60;
}

h2 {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #f60;
}

h3 {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 1px;
  color: #f60;
  margin-bottom: 5px;
}

a:link {
  color: cyan;
  text-decoration: none;
}

a:hover {
  color: black;
  background-color: cyan;
}

a:visited {
  color: rgb(80, 110, 110);
}

.small {
  font-size: 0.75em;
  color: rgb(187, 187, 183);
}