perspective.css

.l1, .l2, .l3, .l4, .l5, .l6, .l7 {
    -webkit-perspective: 1000px; /* Safari 4-8  */
    perspective: 1000px;
    /* border: 1px solid black;
    background-color: red;
    background: rgba(100,100,100,0.5);  */

}

.ls-links {
    padding-left: 1.5%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(10deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(10deg);
}

.links {
    padding-left: 1.25%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(8deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(8deg);
}

.cat-about_me {
    padding-left: 1%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(6deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(6deg);
}

.first-para {
    padding-left: 0.75%;

    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(4deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(4deg);
}

.second-para {
    padding-left: 0.5%;

    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(2deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(2deg);
}

.cat-interests {
    padding-left: 0.75%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(0deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(0deg);
}

.interests-para {
    padding-left: 1%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(-2deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(-2deg);
}


.prompt {
    padding-left: 1.25%;
    -webkit-transform-style: preserve-3d; /* Safari 3-8  */    
    -webkit-transform: rotateX(-5deg); /* Safari 3-8  */
    transform-style: preserve-3d;
    transform: rotateX(-5deg);
}