.column {
  padding: 1rem;
  scroll-snap-align: start;
  scroll-snap-stop: always;

  display: flex;
  flex-flow: column;
}

.column__name {
  border: 1pt solid rbga(0,0,0,0.1);
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
}

.column:nth-child(odd) {
  background: var(--seasalt);
}

.column:nth-child(even) {
  background: white;
}
.column__post_its {
  flex: 1;

  overflow-x: hidden;
  overflow-y: auto;

  display: grid;
  grid-template-columns: repeat(3, var(--post_it__size));
  align-content: start;
  gap: 1rem;
}
.column__delete {
  background: none;
  border: none;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background-color: var(--red);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3Cpath d='M9 6V4h6v2'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
}