#cards {

  #card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 2px;

    .one-card {
      --back-color: var(--color-logoDark);
      font-family: var(--ffm-one-card);
      background-color: var(--back-color);
      border-radius: .5rem;
      border: 1px solid transparent;
      color: white;
      text-align: center;
      padding: .5rem 0;

      &:hover {
        cursor: pointer;
        border-color: white;
        box-shadow: 0 0 3px var(--back-color);
      }
    }
  }

  
  .one-gift {
    font-family: var(--ffm-text-strong);
  }

}