html,body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;font:20px/1.333 'Fira Sans',sans-serif;background:#0d1713;color:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;overflow:hidden}h1,h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h2{font-size:1rem}span,a{height:3rem;line-height:3rem;margin:auto 0;text-align:center;white-space:nowrap;-webkit-animation:anim 2s linear forwards;animation:anim 2s linear forwards}a{color:transparent;text-decoration:none;-webkit-animation:anim2 2s linear forwards;animation:anim2 2s linear forwards;-webkit-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease}h1 > span:nth-child(2) {-webkit-animation-delay:1s;animation-delay:1s}h2>span:first-child{-webkit-animation-delay:2s;animation-delay:2s}a{-webkit-animation-delay:3s;animation-delay:3s}a:hover{outline:1px solid red;outline-offset:.5rem}@-webkit-keyframes anim {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 80px;
        opacity: 0.3;
    }
    70% {
        text-shadow: 0 0 1px #fff;
        letter-spacing: 5px;
        opacity: 0.8;
    }
    95% {
        color: transparent;
        text-shadow: 0 0 0 #fff;
        letter-spacing: 1px;
        opacity: 0.8;
    }
    100%{
        /*color: #fff;*/
        text-shadow: 0 0 0 #fff;
        letter-spacing: 1px;
        opacity: 1;
    }
}@keyframes anim {
    0% {
        text-shadow: 0 0 50px #fff;
        letter-spacing: 80px;
        opacity: 0.3;
    }
    70% {
        text-shadow: 0 0 1px #fff;
        letter-spacing: 5px;
        opacity: 0.8;
    }
    95% {
        color: transparent;
        text-shadow: 0 0 0 #fff;
        letter-spacing: 1px;
        opacity: 0.8;
    }
    100%{
        /*color: #fff;*/
        text-shadow: 0 0 0 #fff;
        letter-spacing: 1px;
        opacity: 1;
    }
}@-webkit-keyframes anim2 {
    0% {
        color: transparent;
        text-shadow: 0 0 50px #0097ff;
        letter-spacing: 80px;
        opacity: 0.3;
    }
    50% {
        text-shadow: 0 0 1px #0097ff;
        letter-spacing: 5px;
        opacity: 0.8;
    }
    85% {
        color: transparent;
        text-shadow: 0 0 0 #0097ff;
        letter-spacing: 1px;
        opacity: 0.8;
    }
    100%{
        /*color: #0097ff;*/
        text-shadow: 0 0 0 #0097ff;
        letter-spacing: 1px;
        opacity: 1;
    }
}@keyframes anim2 {
    0% {
        color: transparent;
        text-shadow: 0 0 50px #0097ff;
        letter-spacing: 80px;
        opacity: 0.3;
    }
    50% {
        text-shadow: 0 0 1px #0097ff;
        letter-spacing: 5px;
        opacity: 0.8;
    }
    85% {
        color: transparent;
        text-shadow: 0 0 0 #0097ff;
        letter-spacing: 1px;
        opacity: 0.8;
    }
    100%{
        /*color: #0097ff;*/
        text-shadow: 0 0 0 #0097ff;
        letter-spacing: 1px;
        opacity: 1;
    }
}@media screen and (max-width:599px){h1{font-size:1rem}h2{font-size:.5rem}span,a{height:2rem;line-height:1rem}}