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

/* 1. Base page styling */
body {
  margin: 0;
  padding: 0;
  /* Ancient-y serif font */
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 1.6;
  color: #2e1f0f; /* dark brown for an “ink” feel */
  
  /* 2. Background: parchment texture */
  background: linear-gradient(160deg, #f7edd8 0%, #edd9b0 50%, #e2c99a 100%);
}

/* 3. Constrain your content to a nice readable width */
main, header, footer, nav {
  max-width: 800px;
  margin: 0 auto;
  padding: 1em;
  background: rgba(255, 255, 255, 0.8); /* translucent white box so text stays legible */
}

/* 4. Simple link styling */
a {
  color: #5a3314; /* deep brown */
  text-decoration: none;
  border-bottom: 1px dotted #5a3314;
}

/* currently block */
.currently {
  border: 2px solid #5a3314;
  padding: 0.8em 1em;
  margin-top: 1.5em;
  background: rgba(210, 170, 120, 0.4);
  max-width: 320px;
}

.currently h3 {
  margin-top: 0;
}

a:hover {
  border-bottom-style: solid;
}

/* 5. Headings with a little flair */
h1, h2, h3 {
  font-family: Georgia, "Times New Roman", serif;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: #3a2416;
}

/* 6. Navigation tweaks */
nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 1em;
}

nav a {
  font-weight: bold;
  color: #5a3314;
  border-bottom: none;
}

/* 7. Writing sections */
main section {
  border-top: 1px solid #5a3314;
  margin-top: 1.5em;
  padding-top: 0.5em;
}