@font-face {
    font-family: 'MyCustomFont';
    src: url('../downloads/fonts/Ligature Inc - Tuna-Medium.otf') format('woff2'),
             url('../downloads/fonts/Ligature Inc - Tuna-MediumItalic.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
  font-family: 'MyCustomFont', 'Georgia', serif;
  background: #f7ebda;
  color: #222;
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
}

header, footer {
  text-align: center;
  margin: 2rem 0;
}

nav a {
  margin: 0 1rem;
  text-decoration: none;
  color: #762e2e;
  font-style: italic;
}

h1 {
  text-decoration: none;
  color: rgb(45, 30, 25);
}

h2 {
  text-decoration: none;
  color: rgb(78, 35, 23);
}

h3 {
  text-decoration: none;
  color: rgb(106, 41, 22);
}


p {
    color:#44211a;
    font-family: 'Georgia', serif;
}

p a {
    color: #a54831;
    text-decoration: none;
}

.post-preview {
  border-bottom: 1px solid #c8a687;
  width: 50vw;
  margin: 0 auto;
  padding: 1rem 0;
}

.post-preview h2 a {
  color: #317aa5;
  text-decoration: none;
}

.date {
  font-size: 0.9rem;
  color: #666;
}

.logo {
  display: block;
  width: 30vw;      /* 1/5th of the viewport width */
  margin: 0 auto;   /* Center horizontally */
  margin-bottom: 1rem;
  height: auto;     /* Maintain aspect ratio */
}

nav {
    background-image: url('../downloads/img/strip.png');
    background-repeat: repeat-x;   /* Repeat horizontally */
    background-size: cover;        /* Cover the nav area */
    background-position: center;   /* Center the image */
    min-height: 80px;              /* Adjust this value to match your image height */
    align-items: center;
    display: flex;
    justify-content: center;       /* Center nav links horizontally */
}

.centered-content {
    text-align: center;
    margin: 1rem 4rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
    background-color: rgb(247, 243, 240);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.justified-paragraph {
    text-align: justify;
    margin: 0 auto;
    max-width: 40vw; /* Adjust as needed */
}

.inline-quote {
    font-style: italic;
    color: #65625a;
    max-width: 40vw;
    margin: 1rem auto;
    padding: 1rem 1rem;
    border: 2px solid;
    border-color: #f0ac9a;
}

.content-list {
    color: rgb(83, 47, 35);
    list-style-type:circle;
    text-align: left;
    padding-left: 2rem;
    margin: 1rem auto;
    max-width: 30vw; /* Adjust as needed */
}