@import url('https://fonts.googleapis.com/css2?family=Imbue:opsz,wght@10..100,100..900&family=Instrument+Serif:ital@0;1&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');


@import url("https://use.typekit.net/qvr5geb.css");

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    font-family: "Old Standard TT", serif;
    font-stretch: condensed; 
    font-weight: 400; 
    font-style: normal;
    letter-spacing: 0.05em;

    min-height: 100%;
    min-width: 100%;
}

a {
    text-decoration: none;
    color: black;
}


.logo {
    top: 1rem;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 10;
}

.logo a img {
    height: 2rem;
    mix-blend-mode: multiply;
}


.landingpage:after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -9999;
    content: url(../images/LandingPage/1.jpg)
            url(../images/LandingPage/2.jpg)
            url(../images/LandingPage/3.jpg)
            url(../images/LandingPage/4.jpg)
            url(../images/LandingPage/5.jpg)
            url(../images/LandingPage/6.jpg)
            url(../images/LandingPage/7.jpg)
            url(../images/LandingPage/8.jpg)
            url(../images/LandingPage/9.jpg)
            url(../images/LandingPage/10.jpg)
            url(../images/LandingPage/11.jpg)
            url(../images/LandingPage/12.jpg)
            url(../images/LandingPage/13.jpg)
            url(../images/LandingPage/14.jpg)
            url(../images/LandingPage/15.jpg)
            url(../images/LandingPage/16.jpg)
            url(../images/LandingPage/17.jpg)
            url(../images/LandingPage/18.jpg)
            url(../images/LandingPage/19.jpg)
            url(../images/LandingPage/20.jpg)
            url(../images/LandingPage/21.jpg)
            url(../images/LandingPage/22.jpg)
            url(../images/LandingPage/23.jpg)
            url(../images/LandingPage/24.jpg)
            url(../images/LandingPage/25.jpg)
            url(../images/LandingPage/26.jpg)
            url(../images/LandingPage/27.jpg)
            url(../images/LandingPage/28.jpg)
            url(../images/LandingPage/29.jpg)
            url(../images/LandingPage/30.jpg)
            url(../images/LandingPage/31.jpg)
            url(../images/LandingPage/32.jpg)
            url(../images/LandingPage/33.jpg)
            url(../images/LandingPage/34.jpg)
            url(../images/LandingPage/35.jpg)
            url(../images/LandingPage/36.jpg)
            url(../images/LandingPage/37.jpg)
            url(../images/LandingPage/38.jpg)
            url(../images/LandingPage/39.jpg)
            url(../images/LandingPage/40.jpg)
            url(../images/LandingPage/41.jpg)
            url(../images/LandingPage/42.jpg)
            url(../images/LandingPage/43.jpg)
            url(../images/LandingPage/44.jpg)
            url(../images/LandingPage/45.jpg)
            url(../images/LandingPage/46.jpg)
            url(../images/LandingPage/47.jpg)
            url(../images/LandingPage/48.jpg)
            url(../images/LandingPage/49.jpg)
            url(../images/LandingPage/50.jpg);
}


.landingpage {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100vh;
    min-height: fit-content;
    min-width: 400px;
    max-width: 100vw;
    z-index: -1;
    justify-content: center;
    animation: cycle1 40s infinite step-end;
    -o-animation: cycle1 40s infinite step-end;
    -webkit-animation: cycle1 40s infinite step-end;
    -ms-animation: cycle1 40s infinite step-end;
    -moz-animation: cycle1 40s infinite step-end;
    animation-delay: 1s;
}







@keyframes cycle1{
    0%
    {
        background-image: url(../images/LandingPage/1.jpg);
    } 
    2%
    {
        background-image: url(../images/LandingPage/2.jpg);
    } 
    4%
    {
        background-image: url(../images/LandingPage/3.jpg);
    } 
    6%
    {
        background-image: url(../images/LandingPage/4.jpg);
    } 
    8%
    {
        background-image: url(../images/LandingPage/5.jpg);
    } 
    10%
    {
        background-image: url(../images/LandingPage/6.jpg);
    }
    12%
    {
        background-image: url(../images/LandingPage/7.jpg);
    }
    14%
    {
        background-image: url(../images/LandingPage/8.jpg);
    }
    16%
    {
        background-image: url(../images/LandingPage/9.jpg);
    }
    18%
    {
        background-image: url(../images/LandingPage/10.jpg);
    }
    20%
    {
        background-image: url(../images/LandingPage/11.jpg);
    }
    22%
    {
        background-image: url(../images/LandingPage/12.jpg);
    }
    24%
    {
        background-image: url(../images/LandingPage/13.jpg);
    }
    26%
    {
        background-image: url(../images/LandingPage/14.jpg);
    }
    28%
    {
        background-image: url(../images/LandingPage/15.jpg);
    }
    30%
    {
        background-image: url(../images/LandingPage/16.jpg);
    }
    32%
    {
        background-image: url(../images/LandingPage/17.jpg);
    }
    34%
    {
        background-image: url(../images/LandingPage/18.jpg);
    }
    36%
    {
        background-image: url(../images/LandingPage/19.jpg);
    }
    38%
    {
        background-image: url(../images/LandingPage/20.jpg);
    }
    40%
    {
        background-image: url(../images/LandingPage/21.jpg);
    }
    42%
    {
        background-image: url(../images/LandingPage/22.jpg);
    }
    44%
    {
        background-image: url(../images/LandingPage/23.jpg);
    }
    46%
    {
        background-image: url(../images/LandingPage/24.jpg);
    }
    48%
    {
        background-image: url(../images/LandingPage/25.jpg);
    }
    50%
    {
        background-image: url(../images/LandingPage/26.jpg);
    }
    52%
    {
        background-image: url(../images/LandingPage/27.jpg);
    }
    54%
    {
        background-image: url(../images/LandingPage/28.jpg);
    }
    56%
    {
        background-image: url(../images/LandingPage/29.jpg);
    }
    58%
    {
        background-image: url(../images/LandingPage/30.jpg);
    }
    60%
    {
        background-image: url(../images/LandingPage/31.jpg);
    }
    62%
    {
        background-image: url(../images/LandingPage/32.jpg);
    }
    64%
    {
        background-image: url(../images/LandingPage/33.jpg);
    }
    66%
    {
        background-image: url(../images/LandingPage/34.jpg);
    }
    68%
    {
        background-image: url(../images/LandingPage/35.jpg);
    }
    70%
    {
        background-image: url(../images/LandingPage/36.jpg);
    }
    72%
    {
        background-image: url(../images/LandingPage/37.jpg);
    }
    74%
    {
        background-image: url(../images/LandingPage/38.jpg);
    }
    76%
    {
        background-image: url(../images/LandingPage/39.jpg);
    }
    78%
    {
        background-image: url(../images/LandingPage/40.jpg);
    }
    80%
    {
        background-image: url(../images/LandingPage/41.jpg);
    }
    82%
    {
        background-image: url(../images/LandingPage/42.jpg);
    }
    84%
    {
        background-image: url(../images/LandingPage/43.jpg);
    }
    86%
    {
        background-image: url(../images/LandingPage/44.jpg);
    }
    88%
    {
        background-image: url(../images/LandingPage/45.jpg);
    }
    90%
    {
        background-image: url(../images/LandingPage/46.jpg);
    }
    92%
    {
        background-image: url(../images/LandingPage/47.jpg);
    }
    94%
    {
        background-image: url(../images/LandingPage/48.jpg);
    }
    96%
    {
        background-image: url(../images/LandingPage/49.jpg);
    }
    98%
    {
        background-image: url(../images/LandingPage/50.jpg);
    }
    
    


}




.copyright {
    text-align: center;
    bottom: 1rem;
    position: absolute;
    font-size: x-small;
    width: 100%;
    margin-top: 3rem;
}






nav {
    top: 3.5rem;
    padding-bottom: 3rem;
    position: fixed;
    align-items: center;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}
    


.navigation {
    text-align: center;
    font-size: medium;
    font-family: "acumin-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
    transition: 0.3s;
    letter-spacing: -0.03em;
    
    color: rgb(0, 0, 0);
    position: fixed;
} 

.navigation:hover, .navigation:focus {
    letter-spacing: 0.15em;
    transition: 0.5s;
    cursor: pointer;
}

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    opacity: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    background-blend-mode: multiply;
    -webkit-backdrop-filter: blur(5px);
    -moz-backrop-filter: blur(5px);
    -ms-backrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    overflow-x:hidden;
    overflow-y:hidden;
    transition: 0.3s ease-in-out;
}

.overlay-content {
    position: relative;
    margin-top: 45vh;
    width: 100%;
    text-align: center;
    justify-content: center;

}

.overlay a {
    margin: auto;
    width: 30%;
    text-wrap: nowrap;
    text-decoration: none;
    font-size: larger;
    font-family: "acumin-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
    color: black;
    display: inline-block;
    letter-spacing: -0.03em;
    transition: 0.5s;
    
}

.overlay a:hover, .overlay a:focus {
    letter-spacing: 0.1em;
   
}

.overlay .closebtn {
    position: absolute;
    
    width: 100vw;
    height: 100vh;
}

.worksContent {
    overflow-x: hidden;
    top: 5em;
    margin-top: 2em;
    margin-bottom: 4em;
    position: relative;
    flex-wrap: nowrap;   
    align-items: center;
    justify-content: center; 
    transition: 0.7s;
}


.worksContent img, video{
    display: block;
    margin: auto;
    padding: 0;
    object-fit: contain;
    max-height: 60vh;
    min-height: none;
    min-width: none;
    max-width: 90vw;

}

.worksContent p {
    font-size: small;
    left: 20vw;
    position: relative;
    width: 100vw;
    top: -1em;
    line-height: 1em;
    transition: 0.4s ease-out;
}

.worksCopyright {
    text-align: center;
    bottom: 1rem;
    position: relative;
    font-size: x-small;
    width: 100%;
    margin-top: 20em;
}

.worksContent img:hover ,.worksContent img:focus {
    cursor: pointer;
}

.worksContent p:hover ,.worksContent p:focus {
    cursor: pointer;
    letter-spacing: 0.15em;
    transition: 0.5s ease-in-out;
}

.goBack {
    position: fixed;
    top: 0;
    margin: 0;
    width: 30%;
    height: 100vh;
    z-index: 10;
    overflow: hidden;
}

.goBack:hover {
    cursor: w-resize;
}

.artworks {
    overflow-x: hidden;
    top: 5em;
    margin-top: 2em;
    margin-bottom: 2em;
    position: relative;
    flex-wrap: nowrap;   
    align-items: center;
    justify-content: center; 
    margin-left: auto;
    margin-right: auto;
    transition: 0.7s;
    width: 100%;
    height: 100%;
}


.artworks img {
    display: block;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    object-fit: contain;
    max-height: 90vh;
    min-height: none;
    min-width: none;
    max-width: 80vw;
}

.artworks video {
    display: block;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    object-fit: contain;
    max-height: 90vh;
    min-height: none;
    min-width: none;
    max-width: 75vw;
}

.artworksCaption {
    font-size: small;
    width: 100vw;
    padding-left: 10vw;
    margin-top: -2em;
}

.contact {
    font-size: large;
    color: black;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.3em;
}

.contact span{
    font-family: "acumin-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
    font-size: small;
    letter-spacing: -0.03em;
}

.contact p {
    transition: 0.5s;
    transition-timing-function: ease-in-out;
}

.contact p:hover, p:focus{
    letter-spacing: 0.3em;
    transition: 0.5s;
    transition-timing-function: ease-in-out;
}


.aboutContent {
    display: flex;
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 25vh;
    margin-bottom: 20vh;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.profilePhoto {
    width: 30vh;
    text-align: center;
    justify-content: center;
    padding: 1em;
    transition-duration: 2s;
  
}

.profilePhoto img {
    display: flex;
    max-height: 30vh;
}


.profilePhoto:hover {
    transition-duration: 0.5s;
    -webkit-filter: blur(10px);
}

.aboutCopy {
    padding: 1em;
    padding-left: 2em;
}



.aboutCopy p {
    font-size: 1em;
    letter-spacing: 0.03em;
    line-height: 1.2em;
    text-indent: 0;
    text-align: start;

}



.aboutCopy .name{
    font-family: "acumin-variable", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.05em;
    opacity: 1;

}

.aboutCopy span{


    transition-duration: 1.5s;transition-timing-function: ease-in-out;
}

.aboutCopy span:hover{
    
    -webkit-filter: blur(3px);
    transition-duration: 0.1s;transition-timing-function: ease-in-out;
}

.aboutCopyright {
    display: block;
    position: fixed;
    text-align: center;
    font-size: x-small;
    width: 100%;
    margin-top: 10em;
    bottom: 1rem;
}






            
            @media all and (max-width: 500px) {
                .overlay {
                    display: none;
                }
            
                .overlay-content {
                    position: relative;
                    margin-top: 25vh;
                    margin-right: auto;
                    margin-left: auto;
                    width: 30%;
                    text-align: center;
                    justify-content: center;
                
                }
            
                .overlay a {
                    width: 100%;
                    display: hidden;
                    position: relative;
                    line-height: 5em;
                }
            
                .overlay .closebtn {
                    height: 100vh;
                    margin-top: 0;
                    margin-bottom: auto;
                }
            
                
                .contact {
                    display: block;
                    font-family: "acumin-variable", sans-serif;
                font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
                font-size: large;
                }
                
                .contact p:hover, p:focus{
                letter-spacing: 0.1em;
                transition: 0.5s;
                transition-timing-function: ease-in-out;
            }
            
                .contact span{
                font-family: "acumin-variable", sans-serif;
                font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
                font-size: small;
                letter-spacing: -0.03em;
            }
            
                .worksContent p {
                width: 100vw;
                text-align: center;
                font-size: xx-small;
                top: -1.5em;
                left: 0;
                }
            
                
            
                .worksContent {
                    margin-bottom: 0;
                }
                
                .worksContent img, video {
                display: block;
                margin: auto;
                padding: 0;
                object-fit: contain;
                max-height: none;
                min-height: none;
                min-width: none;
                max-width: 90vw;
            
            }
            
                .artworks img {
                    max-width: 100vw;
                    min-height: none;
                    max-height: none;
                    margin: 0;
                }
            
                .artworks video {
                    max-width: 100vw;
                    min-height: none;
                    max-height: none;
                    margin: 0;
                }
            
                .artworksCaption {
                    width: 100vw;
                    overflow: hidden;
                    position: relative;
                    margin-top: 0;
                    padding-left: 5vw;
                }
            
            
            
                #a {order: 2;}
                #b {order: 1;}

                .aboutContent {
                    display: flex;
                    margin-top: 15vh;
                    margin-left: 0.5em;
                    margin-right: 0.5em;
                    flex-flow: wrap;
                    overflow: hidden;

                }

                
                .aboutContent .profilePhoto {
                    margin-left: -0.5em;
                    position: block;
                    margin-top: 10%;
            
                  
                }
                
                .profilePhoto img {
                    margin: auto;
                    align-items: right;
                    text-align: right;
                    justify-content: left;
                    max-height: 15vh;
                }
                
                
                .aboutCopy {
                    padding: 1em;
                    letter-spacing: 0.06em;
                    overflow: hidden;
                    
                }
                
                .aboutCopy .name{
                    font-family: "Old Standard TT", serif;
                    font-stretch: condensed; 
                    font-weight: 400; 
                    font-style: normal;
                    font-size: 1.25rem;
                    line-height: 0.9em;
                    word-spacing:0.3em;
                    text-transform: capitalize;
                }
                
                .aboutCopy .born{
                    font-size: 0.6rem;
                }
                
                
                .aboutCopy p {
                     /* font-family: "acumin-variable", sans-serif;
                font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
                    text-transform: uppercase;
                     */

                    
                    font-size: 1.25rem;
                    text-align: center;
                    line-height: 0.9em;

                }
                    
                    
                .aboutCopy .aboutHide {
                    position: absolute;
                    height: 0;
                    width: 0;
                    overflow: hidden;
                    z-index: -999999;
                    
                
                }
                
                .aboutCopyright {
                    display: block;
                    position: fixed;
                    text-align: center;
                    font-size: x-small;
                    width: 100%;
                    margin-top: 10em;
                    bottom: 1rem;
                }
                
                
                .landingpage:after {
                position: absolute;
                width: 0;
                height: 0;
                overflow: hidden;
                z-index: -9999;
                content: url(../images/LandingPage/portrait/1.jpg)
                        url(../images/LandingPage/portrait/2.jpg)
                        url(../images/LandingPage/portrait/3.jpg)
                        url(../images/LandingPage/portrait/4.jpg)
                        url(../images/LandingPage/portrait/5.jpg)
                        url(../images/LandingPage/portrait/6.jpg)
                        url(../images/LandingPage/portrait/7.jpg)
                        url(../images/LandingPage/portrait/8.jpg)
                        url(../images/LandingPage/portrait/9.jpg)
                        url(../images/LandingPage/portrait/10.jpg)
                        url(../images/LandingPage/portrait/11.jpg)
                        url(../images/LandingPage/portrait/12.jpg)
                        url(../images/LandingPage/portrait/13.jpg)
                        url(../images/LandingPage/portrait/14.jpg)
                        url(../images/LandingPage/portrait/15.jpg)
                        url(../images/LandingPage/portrait/16.jpg)
                        url(../images/LandingPage/portrait/17.jpg)
                        url(../images/LandingPage/portrait/18.jpg)
                        url(../images/LandingPage/portrait/19.jpg)
                        url(../images/LandingPage/portrait/20.jpg)
                        url(../images/LandingPage/portrait/21.jpg)
                        url(../images/LandingPage/portrait/22.jpg)
                        url(../images/LandingPage/portrait/23.jpg)
                        url(../images/LandingPage/portrait/24.jpg)
                        url(../images/LandingPage/portrait/25.jpg)
                        url(../images/LandingPage/portrait/26.jpg)
                        url(../images/LandingPage/portrait/27.jpg)
                        url(../images/LandingPage/portrait/28.jpg)
                        url(../images/LandingPage/portrait/29.jpg)
                        url(../images/LandingPage/portrait/30.jpg)
                        url(../images/LandingPage/portrait/31.jpg)
                        url(../images/LandingPage/portrait/32.jpg)
                        url(../images/LandingPage/portrait/33.jpg)
                        url(../images/LandingPage/portrait/34.jpg)
                        url(../images/LandingPage/portrait/35.jpg)
                        url(../images/LandingPage/portrait/36.jpg)
                        url(../images/LandingPage/portrait/37.jpg)
                        url(../images/LandingPage/portrait/38.jpg)
                        url(../images/LandingPage/portrait/39.jpg)
                        url(../images/LandingPage/portrait/40.jpg)
                        url(../images/LandingPage/portrait/41.jpg)
                        url(../images/LandingPage/portrait/42.jpg)
                        url(../images/LandingPage/portrait/43.jpg)
                        url(../images/LandingPage/portrait/44.jpg)
                        url(../images/LandingPage/portrait/45.jpg)
                        url(../images/LandingPage/portrait/46.jpg)
                        url(../images/LandingPage/portrait/47.jpg)
                        url(../images/LandingPage/portrait/48.jpg)
                        url(../images/LandingPage/portrait/49.jpg)
                        url(../images/LandingPage/portrait/50.jpg);
            }
            
                @keyframes cycle1{
                    0%
                    {
                        background-image: url(../images/LandingPage/portrait/1.jpg);
                    } 
                    2%
                    {
                        background-image: url(../images/LandingPage/portrait/2.jpg);
                    } 
                    4%
                    {
                        background-image: url(../images/LandingPage/portrait/3.jpg);
                    } 
                    6%
                    {
                        background-image: url(../images/LandingPage/portrait/4.jpg);
                    } 
                    8%
                    {
                        background-image: url(../images/LandingPage/portrait/5.jpg);
                    } 
                    10%
                    {
                        background-image: url(../images/LandingPage/portrait/6.jpg);
                    }
                    12%
                    {
                        background-image: url(../images/LandingPage/portrait/7.jpg);
                    }
                    14%
                    {
                        background-image: url(../images/LandingPage/portrait/8.jpg);
                    }
                    16%
                    {
                        background-image: url(../images/LandingPage/portrait/9.jpg);
                    }
                    18%
                    {
                        background-image: url(../images/LandingPage/portrait/10.jpg);
                    }
                    20%
                    {
                        background-image: url(../images/LandingPage/portrait/11.jpg);
                    }
                    22%
                    {
                        background-image: url(../images/LandingPage/portrait/12.jpg);
                    }
                    24%
                    {
                        background-image: url(../images/LandingPage/portrait/13.jpg);
                    }
                    26%
                    {
                        background-image: url(../images/LandingPage/portrait/14.jpg);
                    }
                    28%
                    {
                        background-image: url(../images/LandingPage/portrait/15.jpg);
                    }
                    30%
                    {
                        background-image: url(../images/LandingPage/portrait/16.jpg);
                    }
                    32%
                    {
                        background-image: url(../images/LandingPage/portrait/17.jpg);
                    }
                    34%
                    {
                        background-image: url(../images/LandingPage/portrait/18.jpg);
                    }
                    36%
                    {
                        background-image: url(../images/LandingPage/portrait/19.jpg);
                    }
                    38%
                    {
                        background-image: url(../images/LandingPage/portrait/20.jpg);
                    }
                    40%
                    {
                        background-image: url(../images/LandingPage/portrait/21.jpg);
                    }
                    42%
                    {
                        background-image: url(../images/LandingPage/portrait/22.jpg);
                    }
                    44%
                    {
                        background-image: url(../images/LandingPage/portrait/23.jpg);
                    }
                    46%
                    {
                        background-image: url(../images/LandingPage/portrait/24.jpg);
                    }
                    48%
                    {
                        background-image: url(../images/LandingPage/portrait/25.jpg);
                    }
                    50%
                    {
                        background-image: url(../images/LandingPage/portrait/26.jpg);
                    }
                    52%
                    {
                        background-image: url(../images/LandingPage/portrait/27.jpg);
                    }
                    54%
                    {
                        background-image: url(../images/LandingPage/portrait/28.jpg);
                    }
                    56%
                    {
                        background-image: url(../images/LandingPage/portrait/29.jpg);
                    }
                    58%
                    {
                        background-image: url(../images/LandingPage/portrait/30.jpg);
                    }
                    60%
                    {
                        background-image: url(../images/LandingPage/portrait/31.jpg);
                    }
                    62%
                    {
                        background-image: url(../images/LandingPage/portrait/32.jpg);
                    }
                    64%
                    {
                        background-image: url(../images/LandingPage/portrait/33.jpg);
                    }
                    66%
                    {
                        background-image: url(../images/LandingPage/portrait/34.jpg);
                    }
                    68%
                    {
                        background-image: url(../images/LandingPage/portrait/35.jpg);
                    }
                    70%
                    {
                        background-image: url(../images/LandingPage/portrait/36.jpg);
                    }
                    72%
                    {
                        background-image: url(../images/LandingPage/portrait/37.jpg);
                    }
                    74%
                    {
                        background-image: url(../images/LandingPage/portrait/38.jpg);
                    }
                    76%
                    {
                        background-image: url(../images/LandingPage/portrait/39.jpg);
                    }
                    78%
                    {
                        background-image: url(../images/LandingPage/portrait/40.jpg);
                    }
                    80%
                    {
                        background-image: url(../images/LandingPage/portrait/41.jpg);
                    }
                    82%
                    {
                        background-image: url(../images/LandingPage/portrait/42.jpg);
                    }
                    84%
                    {
                        background-image: url(../images/LandingPage/portrait/43.jpg);
                    }
                    86%
                    {
                        background-image: url(../images/LandingPage/portrait/44.jpg);
                    }
                    88%
                    {
                        background-image: url(../images/LandingPage/portrait/45.jpg);
                    }
                    90%
                    {
                        background-image: url(../images/LandingPage/portrait/46.jpg);
                    }
                    92%
                    {
                        background-image: url(../images/LandingPage/portrait/47.jpg);
                    }
                    94%
                    {
                        background-image: url(../images/LandingPage/portrait/48.jpg);
                    }
                    96%
                    {
                        background-image: url(../images/LandingPage/portrait/49.jpg);
                    }
                    98%
                    {
                        background-image: url(../images/LandingPage/portrait/50.jpg);
                    }
            
                }
            }