/* C to the S to the S */
@import 'keyframe.css';

* {
    margin: 0;
    padding: 0;

    -webkit-font-smoothing: antialiased;
}

body {
    background: #212931;
    color: #8598ad;
    
    font: 16px/25px "Bitstream Vera Sans Mono", "Anonymous Pro", "Consolas", monospace;
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
}

a {
    position: absolute;
    left: 50%;
    top: 50%;
    
    display: block;
    margin: -64px 0 0 -320px;
    
    -webkit-animation: logo 11.5s 1;
    -moz-animation: logo 11.5s 1;
    -ms-animation: logo 11.5s 1;
    -o-animation: logo 11.5s 1;
    animation: logo 11.5s 1;
}
    a span {
        display: none;
    }

ul {
    list-style: none;
    position: absolute;
    left: 50%;
    top: 50%;
    
    width: 500px;
    margin-top: -62px;
    margin-left: -250px;
}

.typing {
    position: relative;
    display: inline-block;
    width: 8px;
        
    text-indent: -999em;

    background: #445466;
    
    -webkit-animation: flick 1s infinite;
    -moz-animation: flick 1s infinite;
    -ms-animation: flick 1s infinite;
    -o-animation: flick 1s infinite;
    animation: flick 1s infinite;
}

/*.dollar:before {
    content: '$';
    padding-right: 20px;
    
    color: #50657b;
}*/

@media (max-width: 550px) {
    body {
        font-size: 15px;
    }
    a {
        width: 80%;
        left: 10%;
        top: 7.5%;
        
        margin: 0;
        height: 36px;
        
        text-decoration: none;
    }
        a img {
            float: left;
        }
        a span {
            display: inline-block;
            float: right;
            
            color: #45c957;
        }
    ul {
        width: 80%;
        margin-left: -40%;
    }
}