html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow-x: hidden;
      background: rgb(224, 206, 173);
    }

    .tagimage-container {
      position: fixed;
      top: 0%;
      right: 0%;
      font-size: 12pt;
      text-align: right;
      max-width: 80%;
      pointer-events: none;
      z-index: 0;
    }

    .tagimage-container img {
        max-height: calc(100vh - 80px);
        max-width: 100vw;
        object-fit: contain;
        display: block;
        margin-left: auto;
        margin-right: 0;
        margin-top: 80px;
        padding-right: 5px;
    }

    .first-container {
      position: relative;
      font-size: 12pt;
      width: 350px;
      margin: 12vh 0 0 0;
      overflow: hidden;
      z-index: 1;
    }

    .floating-container {
      position: relative;
      width: 350px;
      margin: 100vh 0 0 0;
      overflow: hidden;
      z-index: 1;
    }

    .content-blue{
      position: relative;
      background: rgb(178, 238, 250);
      transition: transform 0.5s ease;
      border-radius: 15px 15px 15px 15px;
      padding: 2vh;
    }

    .content-bg{
      position: relative;
      background: rgb(210, 190, 160);
      transition: transform 0.5s ease;
      border-radius: 15px 15px 15px 15px;
      padding: 2vh;
    }

    .spacer {
      height: 50px;
      background: none;
    }

    heading {
      display:block;
      font-family: calibri;
      font-size: 12pt;
      font-weight:bold;
      letter-spacing: 0.5pt;
    }

    iheading {
      font-family: calibri;
      font-size: 12pt;
      font-style: italic;
    }

    text {
      font-family: calibri;
      font-size: 12pt;
      font-weight:normal;
      text-justify: left;
    }

    hr {
  position: relative;
  margin: 0 0 0 auto;
      border: 0;
  height: 3px;
  background: #333; /* Dark gray line */
  margin: 20px 0; /* Space above and below the line */
  width: 100%; /* Full width */
}