:root {
  color-scheme: light dark;
}

html {
	color: light-dark(black, white);
  background-color: light-dark(white, black);
  font-family: Calagmati, sans-serif;
  scrollbar-color: #1ea8f3 light-dark(#f0f0f0, #101010);
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr min(300px, 30%); 
  gap: 10px;
  align-items: start;
}

.comments {
 width: 100%;
 max-width: 600px;
}

.left-side, .right-side {
}

.inner-item {
    padding: 5px;
    border: 5px ridge #7f7f7f;
    background-color: light-dark(#e0e0e0, #202020);
}

.inner-item:not(:last-child) {
    margin-bottom: 10px;
}