/* Background  all pages*/
.bg-image {
    background-image: url('https://cdn.pixabay.com/photo/2014/09/29/10/19/purple-465931_1280.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;}

    /* Navigation all pages*/
.main-nav {
    display: flex; 
    list-style-type: none;}

.nav-btnShape {
    margin-left: 2%;}

.nav-btn {
    width: 10%; 
    font-size: 1.2em; 
    font-family: optima;
    color: antiquewhite; 
    text-decoration: none;}

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
      }

      .nav-bg {
        background-color: rgb(205, 109, 240, .5);
        padding-top: 1%;
        padding-bottom: 1%;
        z-index: 1;
    
      }

    /* Portfolio Name all pages*/

    .pName-bg {
        background-image: url('https://cdn.pixabay.com/photo/2016/11/21/18/14/abstract-1846962_1280.jpg');
    }

    .pName-text {
        Color:rgb(0, 0, 9); 
        font-size: 5em;
        font-family: cursive;
        text-align: center;
    }

    /* Home page index.html images */


    .flex-container1 {
        display: flex;
        justify-content: space-between;
        margin-right: 2%;
       }
     
     .quote1 {
        color:antiquewhite;
        font-size: 1.5em;
        max-width: 50%;
        height: auto;
    }

    /* 
    .img2 {
       display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2%;
    }
    */

    .flex-container2 {
        display: flex;
        justify-content: flex-end;
        margin-top: 2%;  }

        



    /* about page about.html section with about info and background for section */

    .abt-bg {
        background-image: url('https://cdn.pixabay.com/photo/2016/04/19/01/00/chalkboard-1337809_1280.jpg');
    }

    .abt-title {
        color: rgb(245, 194, 14); 
        text-align: center;
        font-size: 3em; 
        font-family: cursive;
    }

    .abt-text {
        color: antiquewhite; 
        margin-left: 10%; 
        margin-right: 10%;
    }

    .abtskills {
        color:antiquewhite;
        text-align: center;
        list-style-type: none;
    }

    /* work page work.html styles for this page */

    .work-bg {
        background-image: url(https://cdn.pixabay.com/photo/2016/12/09/08/06/texture-1893783_1280.jpg);
    }

    .work-title { color: antiquewhite; 
        text-align: center;
        font-size: 3em;
    }

    .work-text {
        color:rgb(231, 175, 10);
        margin-left: auto;
        margin-right: auto;
    }

    .ref-text {
        color:antiquewhite;
        text-align: center;
    }

    .work-btn {
        display: flex;
        justify-content: center;
    }

    /* styles for contact.html page */

    .cont {
        color: antiquewhite; 
        text-align: center;
        font-size: 3em;
    }

    .formstyle {
        color: antiquewhite;
        text-align: center;
    }