.menu li {
  margin: 5px 0; /* Add vertical margin to create space between rows when wrapping */
}

.menu-container {
  display: flex;
  align-items: center; /* Aligns items vertically */
  justify-content: space-between; /* Spaces out the content to both ends */
  flex-wrap: wrap; /* Ensures it wraps properly on smaller screens */
}

.theme-toggle-link {
  margin-left: auto; /* Pushes the theme toggle link to the right */
  cursor: pointer;
  text-decoration: underline;
  font-size: 1em; /* Adjust size if necessary */
}

.site-name {
  font-size: 36px; /* Increase font size of the site name */
}

a, a:visited {
    color: var(--href-link);
    text-decoration: none;
}

.site-link, .site-link:visited {
    text-decoration: none;
    color: var(--text-color);
}

.content-wrapper {
  display: flex;
  flex-wrap: wrap; /* Ensure that elements wrap when the screen size is small */
}

.main-content {
  flex: 1 1 70%; /* Takes 70% of the width on large screens */
}

.floating-sidebar {
  flex: 1 1 25%; /* Takes 25% of the width on large screens */
  padding: 15px;
  border: 1px solid var(--border-color);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  font-size: 0.8rem; /* Reduce the base font size, proportionally affecting child elements */
}

.tag-item {
  color: var(--text-color) !important;
  display: inline-block;
  margin: 3px;
  padding: 5px 10px;
  background: var(--border-color);
  border-radius: 8px;
  text-decoration: none;
}


figure {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}