/* styles for hyperlink */
a {
  color: #F6DD5F; /* default color, yellow */
  text-decoration: none; /* removes underline */
  transition: color 0.1s; /* smooth color transition */
  font-size: 10px; /* default font size for smaller screens */
}

/* Increase font size on medium screens */
@media (min-width: 600px) {
  a {
    font-size: 12px; /* medium screens */
  }
}

/* Cap font size at 20px for larger screens */
@media (min-width: 1000px) {
  a {
    font-size: 20px; /* large screens, maximum font size */
  }
}

/* styles for hyperlink on hover */
a:hover {
  color: #007BFF; /* hover color, blue */
}