/* General Styling to make it look decent */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 20px;
}

h1 {
    color: #333;
}

/* REQUIREMENT: Default link color */
/* Let's use a ZZZ-style blue/purple vibe */
a:link {
    color: #0000EE; /* Standard Blue */
    text-decoration: none; /* Removes the underline */
}

/* REQUIREMENT: Link changes color after being visited */
a:visited {
    color: #551A8B; /* Purple */
}

/* REQUIREMENT: Link changes color when mouse hovers */
a:hover {
    color: #FF0000; /* Red - makes it very obvious for the grader */
    text-decoration: underline; /* Adds underline on hover */
    font-weight: bold;
}

/* Optional: Active state (when you click down) */
a:active {
    color: #00FF00; /* Green */
}