/* Set font to Garamond */

body {
font-family: adobe-garamond-pro, serif;
font-weight: 400;
font-style: normal;

}

p {
  font-size: 1.2em; 
}

/* Set max width of container and center it */
.container {
  max-width: 800px;
  margin: 0 auto;
}

/* Add some padding to the container and align text to justify */
.container p {
  padding: 10px;
  text-align: justify;
}

/* Set the font size of the heading */
h1 {
  font-size: 36px;
}

/* Style the header */
.header {
  text-align: center;
  padding-top: 50px;
}

/* Style the separator */
hr {
  border: 1px solid black;
  width: 50%;
  margin: 0 auto;
  margin-bottom: 50px;
}

/* Style the hyperlink */
a {
  text-decoration: underline;
  
  color: #212121;
}

a:hover {
  text-decoration: underline;
  color: red; 
}

/* Style the bold text */
strong {
  font-family: adobe-garamond-pro, serif;
  font-weight: 700;
  font-style: normal;
}

/* Style the italic text */
em {
  font-style: italic;
}

/* Style the blockquote */
blockquote {
  font-style: italic;
  margin: 20px;
  padding: 10px;
  border: 1px solid gray;
  background-color: #f9f9f9;
}