:root {
  --color: black;
  --itemsPerRow: 1;
}

.grid-container {
  grid-template-columns: repeat(var(--itemsPerRow), minmax(0, 1fr));
}

.ant-columns {
  grid-template-columns: 1fr var(--gridColumnGap) 1fr;
}

.grid-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--gridColumnGap);
}

.remaining-text {
  max-width: 50%;
}

.quotes p {
  display: inline;
}

.CV {
  aspect-ratio: 8.5 / 11;
}

.CV .overlay {
  padding: 1em;
}

.CV-info {
  display: none;
}

.CV:hover .CV-info {
  display: block;
}

/* MEDIA QUERIES */
@media (max-width: 768px) {
  .remaining-text {
    max-width: none;
  }
}

@media screen and (max-width: 480px) {
    .empty {
      display: none;
    }

    .grid-item {
      grid-template-columns: 1fr;
    }
}