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

/* --- Dark Ocean Mist Cosmicwishbone Styles --- */

/* Whole page background + default text */
body {
  background-color: #0d1117;   /* deep charcoal/navy black */
  color: #c9d1d9;              /* soft gray-blue text */
  font-family: "Courier New", "Lucida Console", "Consolas", monospace;
  line-height: 1.6;
  margin: 20px;
}

/* Headings: gentle ocean glow */
h1, h2, h3, h4 {
  color: #8ab4f8; /* soft misty blue */
  margin-bottom: 0.5em;
}

/* Special font stack for h1 so ASCII faces look good */
h1 {
  font-family: "Lucida Console", "Consolas", "Courier New", monospace;
  font-size: 2.2em;
  color: #7fa8ff; /* slightly brighter, dreamy blue */
}

/* Links: soft cerulean glow */
a {
  color: #5da9e9;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #9fc9ff; /* lighter mist blue on hover */
}

/* Optional: italic/bold tweaks */
i {
  color: #9cb3d9; /* dusky gray-blue italics */
}
b {
  color: #b0c4de; /* light steel blue bold */
}

/* Extra touch: blockquote/poetry styling */
p {
  margin-bottom: 1.2em;
}