Day 359

The last of the css for the music site...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

#tour {
  background: #000;
  position: relative;
  z-index: 4;
  #top-img {
    background-image: url("/img/group.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: saturate(10%) contrast(125%);
    height: 300px;
  }

  #tourdates {
    background: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px;

    .title {
      color: #fff;
      font-size: 2rem;
      text-align: center;
      margin: 0 0 50px;
    }

    .dates {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      max-width: 800px;
      grid-gap: 1.2rem;

      li {
        color: #fff;
        font-size: 1.3rem;

        span {
          padding: 0 3px;
        }

        .city {
          font-weight: 700;
        }

        .location {
          font-size: 1rem;
          font-weight: 300;
        }

        .date {
          font-weight: 500;
          color: #f14848;
        }
      }
    }
  }
}

footer {
  background: rgb(37, 22, 22);
  position: relative;
  z-index: 4;
  padding: 25px;
  text-align: center;
  img {
    max-width: 45px;
  }
}