/* css styles */

/* Set a global font and text color */
body {
  font-family: 'Open Sans', sans-serif;
  color: #000000;     /* Main text color */
  background-color: #9B9A94;  /* Background color */
}

/* Customize heading colors */
h1, h2, h3, h4, h5, h6 {
  color: #000000
}

/* Give each link a black outline and some padding so it looks button‐like */
.about-link {
  border: 1px solid #000 !important;
  color: #333 !important;   /* If you want darker text too */
  padding: 0.4rem 0.6rem;   /* Some breathing room */
  border-radius: 0.25rem;   /* Slight rounded corners, optional */
  text-decoration: none;    /* Remove underline if you like */
  display: inline-block;    /* Make it behave like a button shape */
}

.about-link:hover {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #333 !important;
}


/* Change link colors */
a {
  color: #000000;
}