#topLeft {
    position: relative;
    left: 20px;
    top: 20px;
    width: 180px;
    text-align: center;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}
#topLeft span {
    font-size: 1.8em;
}
.logo, .logo-contrast{
    cursor: pointer;
    font-family: 'FantasqueSansMono', Roboto, sans-serif !important;
}
.logo, .logo:visited,.logo:hover{
    text-decoration: none;
    color: black;
}
.logo-contrast, .logo-contrast:visited,.logo-contrast:hover{
    text-decoration: none;
    color: white;
}

.typing > *{
    overflow: hidden;
    white-space: nowrap;
    animation: typingAnim 3s steps(50);
}
@keyframes typingAnim{
    from { width: 0% }
    to { width: 100% }
}