html {
  position: relative;
  min-height: 100%;
}

body {
  height: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

h1{
    font-style: italic;
}

.DisplayNone
{
    display: none;
}

/* For Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 1em; /* Scrollbar width */
    background: transparent; /* Invisible track */
}

::-webkit-scrollbar-thumb {
    background-color: var(--colorC);
    border-radius: 0.5em;
}


.ExternalLink {
    color: var(--colorC); /* Sets the text color */
    font-weight: bold; /* Makes the text bold */
    text-decoration: none; /* Removes the underline */
}

    /* Optional: Style the link when it's hovered or visited */
    .ExternalLink:hover,
    .ExternalLink:visited {
        color: var(--colorC); /* Maintains color on hover/visit */
        text-decoration: none; /* Ensures no underline on hover/visit */
        font-weight: bold; /* Ensures bold text on hover/visit */
    }