body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;  /* Change this to your desired font */
  }
  
  .centered-text {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;  /* Set minimum height for full viewport */
    background-color: #505050;  /* Change background color (optional) */
  }
  
  h1 {
    text-align: center;
    color: #FFFFFF;
    /* Add your styles for the h1 element here (font size, color, etc.) */
  }

  h1 u {
    text-decoration: underline 1px solid #fff; /* Adjust color if needed */
  }
  

  .hiragana {
    font-size: 0.9em;  /* Adjust font size as desired (smaller than h1) */
    color:#FFFFFF;
    margin-top: 0.5em;  /* Add some space above the hiragana text */
    text-align: left;  /* Align the text to the right */
  }