/* 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." */


.featured-image {
  /* 1. Size the image */
  width: 50%;             /* Makes the image responsive */
  max-width: 600px;        /* Prevents it from getting larger than 600px */
  height: auto;            /* Maintains the image's original aspect ratio */

  /* 2. Center the image */
  display: block;          /* Changes the image from inline to a block element */
  margin-left: auto;       /* Automatically calculates equal margins on both sides */
  margin-right: auto;
}

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}