@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');


body {
  /* Paper color */
  background-color: #EFE8C9;
  
  /* Horizontal blue lines - shifted DOWN so they sit BELOW text */
  background-image: linear-gradient(
    transparent 15px,       /* Gap above line = space for text body */
    #A68065 15px,           /* Start line */
    #A68065 16px,           /* 1px thick line */
    transparent 16px,
    transparent 48px        /* Repeat every 32px total */
  );
  
  background-size: 100% 32px;
  background-position: 0 16px;  /* Critical: shifts first line DOWN by ~half line-height */
  
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 20px;
  line-height: 32px;
  color: #38393b;
  padding: 48px 20px 32px 75px;  /* Top padding adds buffer before first line */
  max-width: 800px;
  margin: 0 auto;
}

/* Red margin line on left */
body::before,
body::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #B37D4E;
  z-index: 0;
}

body::before {
  left: 65px;
}

body::after {
  left: 70px; /* 15px to the right of the first line */
}




h1 {
  font-weight: bold;
  line-height: 32px;
  margin: 0;
  padding-top: 32px;
}

h2, h3 {
  font-weight: bold;
  line-height: 32px;
  margin: 0;
  padding-top: 32px;
  text-decoration: underline;
}

p {
  margin: 0;
  line-height: 32px;
  margin-bottom: 0;
}

ul, ol {
  line-height: 32px;
  margin: 0;
  padding-left: 30px;
}

li {
  margin-bottom: 0;
}

blockquote {
  border-left: 3px solid #ffaeb3;
  padding-left: 15px;
  margin: 0 0 0 0;
}

code {
  background: rgba(0, 0, 0, 0.05);
  padding: 2px 6px;
  border-radius: 3px;
  vertical-align: middle;
}

a {
  font-family: 'Gloria Hallelujah', cursive;
  font-size: 20px;
  line-height: 32px;
  color: #7e848b;
 text-decoration: underline;

}