body {
    background-color: #1F1F90; /* Dark blue from image */
    color: white;
    text-align: center;
    font-family: Arial, sans-serif;
}

.container {
    margin-top: 50px;
}

.ipv6-box {
    margin-top: 20px;
    padding: 15px;
    font-size: 1.5em;
    background-color: #DADADC; /* Light gray from image */
    color: black;
    display: inline-block;
    border-radius: 8px;
}

.ipv6-text {
    margin-top: 10px;
    font-size: 1.2em;
    color: #E6DE64; /* Highlight color */
}

.ipv6-text-lg {
    margin-top: 10px;
    font-size: 1.35em;
    color: #FFBFBF; /* Slightly larger, pink-highlight color */
}

/* Unvisited link */
a:link {
  color: #FFD700; /* Gold - bright, readable, and contrasts well */
  text-decoration: underline; /* Optional: helps indicate it's a link */
}

/* Visited link */
a:visited {
  color: #D8BFD8; /* Thistle - a soft purple, distinct from unvisited */
}

/* Active link (when clicked) */
a:active {
  color: #FF4500; /* OrangeRed - vibrant and attention-grabbing */
}

/* Optional: Hover state for better UX */
a:hover {
  color: #FFFFFF; /* White - maximum contrast for emphasis */
  text-decoration: none; /* Optional: removes underline on hover */
}