body {
  font-family: monospace;
  font-size: 100%;
  background-color: white;
  color: #111;
  width: 80%;
  min-width: 400px;
  min-height: 200px;
  /* padding: 1em; */
  margin: 5% 10%;
  /* border: thin solid gray;
  border-radius: 5px; */
  display: block;
  z-index: 1;
}

main {
    background-color: white;
}

header {
    background-color: white;
}

a:link    { color: blue; text-decoration: none;      }
a:hover   { color: blue; text-decoration: underline; }
a:visited { color: blue;                             }

h1 a { color: inherit !important }
h2 a { color: inherit !important }
h3 a { color: inherit !important }
h4 a { color: inherit !important }
h5 a { color: inherit !important }
h6 a { color: inherit !important }

#menu li {
    display: inline;
}

#post-list {
    margin-bottom: 1em;
    margin-top: 1em;
}

pre {
    margin: 2em 1em 2em 4em;
    white-space: pre-wrap;
}

article {
    margin: 1%;
}

/* Content styles */
.content-wrapper {
position: relative;
z-index: 1; /* Ensure content is above the background */
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white */
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/* Blog post styles */
.blog-post {
margin-bottom: 40px;
}

.blog-post h2 {
color: #2c3e50;
}

.blog-post p {
line-height: 1.6;
}