#landing {
    padding-left: 2vw;
    padding-top: 5vh;
    height: 90vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 84.5vw;
    position: relative;
}

#landing-blurb {
    filter: blur(125px) saturate(175%);
    position: absolute;
    width: 50vw;
    top: -15vw;
    right: 0;
    animation: rotation 10s infinite;
    z-index: -1;
}



#landing-top-text {
    margin: 0;
    white-space: nowrap;
    overflow-x: hidden;
    animation: open 4s;
    padding-left: 1.25vw;
}
#landing-bottom { 
    margin-top: -30vh;
}
#landing-links {
    text-align: right;
    padding-top: 9vh;
    position: relative;
    z-index: 1;
    padding-right: 8.5vw;
}

#landing-intro {
    width: 27em;
    margin: 0;
    padding-left: 1.25vw;
    overflow-x: hidden;
}
#landing-name {
    margin: 0;
    margin-top: -.2em;
    letter-spacing: -0.08em; margin-left: 0vw;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    animation: open 4s;
}
@keyframes open {
    from { width: 0; opacity: 100;}
}


@media only screen and (max-width: 1024px) {
    #landing {
        width: 125vw;
        padding: 0;
        padding-left: 5vw;
        margin: 0;
        height: 100vh;
    }
    #landing-name{
        display: block;
        animation: none;
        margin: 0;
    }
    #landing-bottom {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #landing-top-text {
        margin-top: 50px;
    }
    #landing-links {
        margin: 0;
        padding: 0;
        justify-content: start;
        margin-top: 50px;
        padding-right: 70px;
    }
    #landing-intro {
        width: 100%;
        border: none;
        height: 300px;
    }
    #landing-blurb {
        filter: blur(175px) saturate(175%);
        width: 70vw;
        top: 10vh;
        right: 15vw;
        animation: rotation 10s infinite;
        z-index: -1;
        position: absolute;
    }
    #landing-linkedin {
        margin-right: 150px;
    }
}