/* 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-color: white;
  color: black;
  font-family: georgia;
}

h1 {
    font-family: 'Georgia';
    color: blue;
  }
  
h2 {
    font-family: 'Georgia';
    color: blue;
  }
  
img {
  width: 300px;
  height: auto; /* Maintains aspect ratio */
}

 p {
        margin-bottom: 50px; /* Adjust the value as needed */
    }
    
a:link {
  color: blue; /* Sets unvisited links to blue */
}

a:visited {
  color: blue; /* Sets visited links to purple */
}

a:hover {
  color: red; /* Sets links to red on hover */
}

a:active {
  color: red; /* Sets links to green when actively clicked */
}
  
figure {
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}