Udacity's hp-css for diagonal bgs

diagonal-bgs.css

.contain::before {
    content: '';
    width: 100%;
    height: 660px;
    z-index: -1000;
    background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
    transform-origin: left bottom;
    position: absolute;
    top: 0;
    left: 0;
    /* -webkit-transform: skew(0deg, -15deg); */
    -moz-transform: skew(0deg, -15deg);
    -ms-transform: skew(0deg, -15deg);
    -o-transform: skew(0deg, -15deg);
    transform: skew(0deg, -15deg);
}