/* Universal Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Ensures padding doesn't affect width */
}

body {
  font-family:
    "Optima", "Baskerville", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #f0eee7;
  background-color: #0f1116;
  padding: 40px;
}

p {
  text-indent: 30px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 0px;
}

h1,
h2,
h3 {
  color: #87ceeb;
  /*color: yellow;*/
  border-bottom: 2px dashed #888888;
}

code {
  color: lightgoldenrodyellow;
  font-size: 0.8em;
  background-color: black;
}

pre {
  color: lightgoldenrodyellow;
  padding: 10px;
  /* background-color: black; */
  background-color: #0d1117;
}

pre code {
  border: none;
  background: black;
  /* background: none; */
  font-size: $base-font-size * 0.875;
  line-height: 1em;
  letter-spacing: normal;
  word-break: break-all;
}

blockquote {
  color: lightgoldenrodyellow;
  border-left: 4px solid grey;
  padding: 10px;
  /*background-color: black;*/
}

/* 1. Unvisited link */
a:link {
  color: #1a73e8;
  text-decoration: none;
}

/* 2. Visited link */
a:visited {
  color: #681da8;
}

/* 3. Mouse hover state */
a:hover {
  color: #1557b0;
  text-decoration: underline;
}

footer {
  border-top: 1px dashed #444444; /* Creates the top line */
  padding-top: 0px; /* Adds space between line and text */
  font-size: 0.8rem;
  /* margin-top: auto;
  padding: 1.5rem 0;
  color: #aaa; */
  /* text-align: center; */
}