body {
  background-color: white;
  color: black;
  font-family: sans-serif;
}
/* Unvisited link */
a:link {
  color: #7e147c; /* Red */
  background-color: inherit;
  font-style: inherit;
  font-family: serif;
}

/* Visited link */
a:visited {
  color: #be95be; /* Green */
  background-color: inherit;
  font-style: inherit;
  font-family: serif;
}

/* Mouse over link */
a:hover {
  color: #4d0c4b; 
  background-color: inherit;
  font-style: inherit;
  font-family: serif;
}

/* Selected link */
a:active {
  color: #d7cde8; /* Blue */
  background-color: inherit;
  font-style: inherit;
  font-family: serif;
}

button {
  margin-bottom: 20px;
}

.entry {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}

.date {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #666;
}

textarea {
  width: 100%;
  height: 120px;
  margin-top: 20px;
}

.container {
  display: flex;
}

.sidebar {
  width: 150px;
  padding: 20px;
  border-right: 1px solid #ccc;
  position: relative; /* Essential for absolute positioning of the pseudo-element */
}

.sidebar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -15px; /* Moves the border 10px to the right of the sidebar's edge */
  width: 2px; /* The thickness of the border */
  
}

.content {
  padding: 20px;
  flex-grow: 1;
}