Day 357

And today is my favorite number...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

#music {
  padding: 80px 0;
  position: relative;
  #bluredbg {
    background-image: linear-gradient(
        45deg,
        rgba(255, 253, 60, 1) 0%,
        rgba(255, 253, 60, 1) 33%,
        rgba(255, 253, 60, 0.96) 36%,
        rgba(255, 253, 60, 0.86) 43%,
        rgba(176, 38, 183, 0.57) 62%,
        rgba(125, 185, 232, 0) 100%
      ),
      url("/img/album69.jpg");
    background-size: cover;
    height: 100%;
    width: 100%;
    filter: blur(50px) saturate(150%);
    position: absolute;
    z-index: 1;
  }

  .container {
    display: flex;
    padding: 0 50px;
    position: relative;
    z-index: 3;
  }

  #info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    #title {
      font-size: 3rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 15px;
    }

    #sub-title {
      font-size: 1.2rem;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 100px;
    }

    #singles {
      width: 400px;
      display: grid;
      grid-template-columns: 50% 50%;
      margin-bottom: 80px;
      li {
        font-size: 1.2rem;
        font-weight: 300;
        text-align: center;
        margin-bottom: 20px;
      }
    }

    #logos {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px;
    }
  }

  #album-cover {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    img {
      width: 50%;
    }
  }
}