@font-face {
    font-family: BebasNeue;
    src: url(BebasNeue-Regular.ttf);
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #eee;
}
a {
    text-decoration: none;
    color: #000;
}
#banner {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: BebasNeue;
    text-align: center;
    width: 100%;

}
#hackerbschor {
    text-align: left;
}
footer {
    position: absolute;
    bottom: 0;
}

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

#blink {
    animation: blink 1s infinite;
}

.invisible {
    display: none;
}

img {
    position: relative;
    height: 1em;
    top: 3px;
}