#main-container {
  margin: 0 auto;
  height: 100vh;
  overflow: auto;
}

.wrapper {
  margin: 0;
  border-width: 0 7px 0 7px;
}

.card {
  border-block: 0;
}

.card__body#resources {
  padding-bottom: 10em;

  .list {
    margin-inline: -0.4em;
  }
  .row {
    display: flex;
    padding: var(--p-2) var(--p-3);

    &:nth-child(even) {
      background: var(--light);
    }
  }
}

#btns {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  padding: var(--p-2);

  img {
    object-fit: contain;
    filter: sepia(20%) grayscale(40%);
  }

  img:hover {
    filter: none;
  }
}