Day 304

Finished the background layout... On to content and finish the menu.
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

.main {
    .xback1 {
      margin: 0;
      padding: 0;
      background: linear-gradient(
          to right,
          rgba(76, 5, 113, 0.6) 0%,
          rgba(76, 5, 113, 0.7) 100%
        ),
        url("/img/adults-chilling.jpg");
      max-width: 100%;
      min-height: 100vh;
      background-size: cover;
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vw), 0 100%);
      margin-bottom: -15vw;
    }
  }
  .second {
    max-width: 100%;
    min-height: 120vh;
    background: linear-gradient(45deg, #0455ff 1%, #ef37ee 100%) !important;
  }