h1.logo {
    word-spacing: -14px;
}
.text-lowercase {
    text-transform: lowercase;
}
.sub {
    color: #ccc;
    vertical-align: baseline;
    font-size:60%;
    position: relative;
    top: -0.5em;
    animation-name: slidingtext;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.ss{
    animation-duration: 7s;
    animation-delay: 1s;
}

.sl{
    animation-duration: 9s;
    animation-delay: 2s;
}
.shadow {
    position: relative;
}
.shadow span {
    color: #ccc;
}
.shadow::before {
    content: attr(data-text);
    position: absolute;
    left:0px;
    top:0px;
}
.red{
    background-color: #b92c28;
    border: 1px solid #b92c28;
    color: #fff;
}

.message{
    padding: 10px;
    border-radius: 3px;
}

.success {
    background: #4a4;
    color: #fff;
}

@keyframes slidingtext {
    0% {top: -0.5em;}
    50% {top: 0em;}
    0% {top: -0.5em;}
}