/* This will apply to the entire body of the webpage, making sure the content takes full height */
  body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif; /* Optional: sets the font of the text */
  }

  /* This will center the div in the middle of the page */
  .centered-div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; /* Ensures the text inside the div is centered as well */
  }