/* General Body Styles */
body {
  background-color: #ffffff; /* Original bgcolor */
  background-image: url("lebkgnd.jpg"); /* Original background */
  color: #000000; /* Original text color */
  font-family: "Arial", Arial, Helvetica, sans-serif; /* Original default font face */
  margin: 0; /* Remove default body margin */
  padding: 20px; /* Add some padding for spacing from edges */
  text-align: center; /* Center block-level elements like divs and paragraphs */
}

/* Link Colors */
a {
  color: #cc0000;
} /* Original link color */
a:visited {
  color: #cc6633;
} /* Original vlink color */
a:active {
  color: #660000;
} /* Original alink color */

/* Main Title Styles (Replacing big, font, b) */
.main-title {
  font-family: "Monotype Corsiva", cursive; /* Original font face */
  /* Estimate equivalent size: size="6" + 3 big tags is quite large */
  font-size: 2.8em; /* Adjust this value if needed to match the original visual size */
  font-weight: bold; /* Original b tag */
  margin-bottom: 0; /* Remove default bottom margin for h2 */
}

/* Subtitle Styles (Replacing small, underline) */
.subtitle {
  font-size: smaller; /* Equivalent to small tag */
  text-decoration: underline; /* Original style */
  margin-top: 0.5em; /* Add some space below main title */
  display: block; /* Ensure it behaves like the original paragraph */
}

/* Mountain Heading Styles (Replacing b, font size="4") */
.mountain-heading {
  font-size: 1.17em; /* Rough equivalent of size="4" */
  font-weight: bold; /* Original b tag */
  margin-bottom: 0.5em; /* Space between heading and info/image */
  margin-top: 1.5em; /* Add space above each mountain entry */
}

/* Mountain Info Styles (Replacing font size="3") */
.mountain-info {
  font-size: 1em; /* Equivalent to size="3" (default size) */
  margin-top: 0;
  margin-bottom: 1em; /* Space between info and image */
  display: block; /* Ensure it behaves like the original paragraph */
}

/* Image Styles */
img {
  border: none; /* Original border="0px solid" */
  /* !!! Picture size (width/height) is KEPT INLINE as requested !!! */
}

/* Horizontal Rule Styles (Replacing "-----------------") */
hr {
  border: none; /* Remove default hr border */
  height: 1px;
  background-color: #ccc; /* Use a subtle line instead of hyphens */
  width: 50%; /* Make it narrower than full width, like the hyphens appeared */
  margin: 20px auto; /* Center it and add vertical space above/below */
}

/* Back Link Styles (Replacing b, font size="4") */
.back-link a {
  font-size: 1.17em; /* Rough equivalent of size="4" */
  font-weight: bold; /* Original b tag */
  /* Link colors are handled by the general 'a' rules */
}
.back-link {
  margin-top: 30px; /* Add space above the back link */
  margin-bottom: 20px; /* Add space below if needed */
}
