@import 'keyframe.css';

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #f9f9f9 url('../img/subtle_dots.png') repeat !important;
    color: #222 !important;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
    letter-spacing: -0.01em !important;
}

ul.content {
    list-style: none;
    left: 130px;
    top: 10%;
    width: 50%;
}

ul li {
    padding: 10px 0;
}

#first-line {
    font-size: 22px;
}

.rounded-15 {
    border-radius: 15%;
}

.typing {
    position: relative;
    display: inline-block;
    width: 8px;
    text-indent: -999em;
    background: #ccc;
    -webkit-animation: flick 1s infinite;
    -moz-animation: flick 1s infinite;
    -ms-animation: flick 1s infinite;
    -o-animation: flick 1s infinite;
    animation: flick 1s infinite;
}

@media (max-width: 550px) {
    body {
        font-size: 15px;
        min-height: 530px;
    }
    ul.content {
        width: 80%;
        top: 20%;
        left: 10%;
        min-width: 290px;
    }
}