html,body{height:100%;max-width:100%;margin:0;overflow:hidden;background:rgba(0,10,20,1)}
#space{width:100%}
#slogan{position:absolute;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    z-index:9;
    bottom:50vh;left:0;right:0;
    color:rgba(209, 255, 255, .1);
    text-shadow: 0 0 3px rgba(255,255,255,.7);
    /* -webkit-text-stroke-color: rgba(255,255,255,.9);
    -webkit-text-stroke-width: 1px; */
    width:100%;
    text-align:center;
    font-weight:700;font-size:2.2em;
    display:block;
    text-decoration:none;

    
    }
#text{
    opacity: 0;
    animation: switch 3s linear 1;
}

    @keyframes switch {
        0% { opacity: 0}
        2% { opacity: 0;filter: blur(2px); transform:scale(.01)}
        40% { opacity: 1;filter: blur(0px); transform:scale(2)}
        80% { opacity: 0;filter: blur(0px); transform:scale(4)}
        }