/* 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 {
  background-image: url("/images/fancy-cushion.png");
  background-repeat: repeat; /* default, but good to be explicit */
  background-color: white;   /* fallback if image doesn't load */
  color: #fff8dc;
  font-family: Verdana;
  padding-left: 40px; /* this moves the content in from the left */
  padding-right: 40px; /* optional: keeps it from hugging the right edge too */
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Default link color */
a {
  color: #FF0000; /* You can change this to any color you want */
  text-decoration: none; /* Optional: removes underline */
}

/* Link color on hover */
a:hover {
  color: #ffcc00; /* A darker shade for when the user hovers over it */
  text-decoration: underline; /* Optional: adds underline on hover */
}