html {
  font-size: 17px;
  font-family: 'Noto Sans HK', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 300; /* Light */
}

body {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #ab9ab3;
  padding: 10px;
}

  .logo-container {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically (if the container has a height) */
}

  .logo {
    width: 250px;
    height: auto;
}

  .lyrics {
    max-width: 600px;
    margin-top: 3rem;
    font-size: 0.9rem;
    line-height: 1.1rem;
    color: #444;
    white-space: pre-line; /* preserves line breaks */
    font-weight: 300;
    text-align: center; /* Centers the text horizontally */
    margin: 20px auto; /* Adds spacing and centers the container */
    width: 80%; /* Optional: Adjust the width of the text block */
  }

}