body {
    background:#eee;
    font-family: 'Inconsolata', monospace;
    color:#3d3d3c;
    padding:50px 25%;
    font-size: 18px;
}
strong,a {
    color:#f39200;
    text-decoration: none;
    font-weight: normal;
    cursor:pointer;
}
#logo {
    max-height: 50px;
}
#imprint {
    display:none;
}
#imprint.visible {
    display:block;
}
#typewriter {
    color: #cccccc;
    background-color: #3d3d3c;
    padding: 15px 20px;
    border-radius: 10px;
}
@media screen and (max-width: 1180px){
    #logo {
        max-height: 100px;
    }
    body {
        padding: 50px 5%;
    }
    body, #typewriter {
        font-size: 24px;
        white-space: break-spaces;
    }
}
.var-highlight{
    color: #9f9137;
}
.string-highlight{
    color: #f39200;
}
.comment {
    color: #6b6b6b;
}
#typewriter {
    font-size: 18px;
    margin: 0;
    font-family: 'Inconsolata', monospace;
}
#typewriter:after{
     content: "|";
     animation: blink 500ms linear infinite alternate;
}

@-webkit-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}