/* blog-post.css */

/* Overall blog container */
.blog-post-container {
  max-width: 1600px;       /* nice readable width */
  margin: 40px auto;      /* center in the page */
  background-color: #1e1e1e;
  padding: 20px;
  border-radius: 6px;
  color: #ccc;            /* default text color */
  font-family: "Segoe UI", Tahoma, sans-serif;
}

/* Headings */
.blog-post-container h1 {
  color: #66ff66;         /* a subtle hacker-esque green */
  margin-top: 0;
}
.blog-post-container h2 {
  color: #ffcc00;         /* golden or orange accent */
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.blog-post-container hr {
  border: 1px solid #444; /* subtle horizontal rule */
  margin: 2em 0;
}

/* Paragraphs */
.blog-post-container p {
  line-height: 1.6;
  margin-bottom: 1em;
}

/* Links */
.blog-post-container a {
  color: #00cc00;         /* Green links */
  text-decoration: none;  /* Remove underline */
}
.blog-post-container a:hover {
  color: #00ff00;         /* Lighter green on hover */
  text-decoration: underline;
}
.blog-post-container a:visited {
  color: #009900;         /* Darker green for visited links */
}

/* Example for code blocks (if you ever use <code> tags) */
.blog-post-container code {
  background-color: #333;
  padding: 3px 6px;
  border-radius: 3px;
  color: #ffcc00;
  font-family: "Consolas", monospace;
}

/* Optional style for lists, just in case */
.blog-post-container ul {
  margin-left: 1.3em;
  list-style: disc;
}

/* Style for code blocks */
pre {
  background-color: #252526;
  color: #dcdcdc;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #333;
  overflow-x: auto;
  font-family: Consolas, 'Courier New', monospace;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
  white-space: pre-wrap;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  /*user-select: none;            Prevents text from being highlighted */
  /*-webkit-user-select: none;    Safari */
  /*-moz-user-select: none;       Firefox */
  /*-ms-user-select: none;        Internet Explorer/Edge */
}

/* Style for inline code inside paragraphs */
code {
  background-color: #333;
  padding: 3px 6px;
  border-radius: 3px;
  color: #ffcc00;
  font-family: Consolas, 'Courier New', monospace;
  font-size: 14px;
  user-select: none;           /* Prevents text from being highlighted */
}

/* Optional Syntax Highlighting */
.comment {
  color: #6a9955;
}

.keyword {
  color: #569cd6;
}

.string {
  color: #ce9178;
}

.number {
  color: #b5cea8;
}
