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

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 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;  /* Flexbox ile öğeleri yan yana sıralıyoruz */
}

#menu li {
    margin-right: 5px;  /* Öğeler arasında mesafe bırak */
    display: inline-block;  /* Alternatif olarak inline-block da kullanabilirsiniz */
    position: relative;
}

#menu li:not(:last-child)::after {
    content: '|';  /* Menü öğelerinin arasına | ekler */
    margin-left: 5px;  /* Aradaki mesafe */
}

#menu a {
    text-decoration: none;  /* Alt çizgiyi kaldır */
    color: blue;  /* Menü öğesinin rengini inherit alır */
    padding-bottom: 2px;
    border-bottom: 1px solid blue;  /* Her zaman alt çizgi olacak */
}


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

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

img {
  max-width: 100%; /* Ensures the image never exceeds the width of its container */
    /* Maintains the aspect ratio of the image */
}

.project-link {
    color: blue; /* Sets the text color to blue */
    text-decoration: underline; /* Underlines the text */
}

.project-link:hover {
    color: darkblue; /* Optional: Darken the color when hovering */
}