/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  font-family: 'Crimson Pro', serif;
  background-color: #ffffff;
}

/* button attributes */
    a.custom-button {
      background-color: #00000000; /* transparent background */
      color: black; /* black text */
      padding: 10px 20px; /* padding inside the button */
      font-family: 'Crimson Pro', serif;
      font-size: 16px; /* larger text size */
      border: 1.5px solid #000000; /* outline */
      border-radius: 40px; /* Rounded corners */
      cursor: pointer; /* Change mouse cursor on hover */
      text-decoration: none; /* Removes underline if linked */
    }

    /* button animation */
    a.custom-button:hover {
      background-color: #BEE6ED;
      border: solid #BEE6ED; /* makes border same as fill, keeps width from above */
    }