@keyframes move-background{
    from{
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to{
        -webkit-transform: translate3d(1000px, 0px, 0px)
    }
}
@-webkit-keyframes move-background{
    from{
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to{
        -webkit-transform: translate3d(1000px, 0px, 0px)
    }
}
@-moz-keyframes move-background{
    from{
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to{
        -webkit-transform: translate3d(1000px, 0px, 0px)
    }
}

.starry-background{
    position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.stars {
    background: black url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 0;
}
.twinkling{
    width: 10000px;
    height: 100%;
    background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png") repeat;
    background-size: 1000px 1000px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    -moz-animation: move-background 70s linear infinite;
    -ms-animation: move-background 70s linear infinite;
    -oanimation: move-background 70s linear infinite;
    -webkit-animation: move-background 70s linear infinite;
    animation: move-background 70s linear infinite;
}
.intro-card{
    color: aliceblue;
    position: relative;
    z-index: 3;
}