/* reset */
body,
h1,
h2,
h3,
h4,
h4,
p,
img,
div,
hgroup,
header {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--beige);
    color: var(--blackish);
    margin: 0;
    padding: 0;
    width: 100vw;
    overflow: none;
}

header {
    width: 100vw;
    overflow-x: hide;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

h1 {
    font-family: manuka;
    color: var(--red);
    font-size: 23vw;
    margin: 0;
    line-height: 17vw;
}

h2,
h3 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 900;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3vw;
    font-weight: 200;
}

h1 a {
    color: var(--red);
    text-decoration: none;
}

.list {
    border-style: solid;
    border-width: 1px;
    border-color: var(--blackish);
    margin-top: 15px;
    padding: 30px;
}

.list a {
    text-decoration: none;
    color: var(--red);
}

/* * {
  outline: 1px solid red;
}  */

/* General code block styling */
pre code {
  display: block;
  padding: 1em;
  background-color: #1e1e1e;
  color: #d4d4d4;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 0.95rem;
  line-height: 1.5;
  border-radius: 8px;
  overflow-x: auto;
  white-space: pre;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Optional: style inline <code> tags */
code {
  background-color: #2d2d2d;
  color: #e0e0e0;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 0.95em;
}