* {
    box-sizing: border-box;
    font-family: 'Abel', sans-serif;
    margin:0;
    padding:0;
    cursor: crosshair;
}

html, body {
    height:100%;
    width:100%;
}


#textcontent {
    height:100%;
    padding:5%;
}

#title {
    padding-top:5%;
    width:100%;
    font-size:3em;
    text-align: center;
}

@media only screen and (max-width:600px) {
    #title {
        font-size:2em;
    }
}

#logo {
    padding-top:3%;
    width:100%;
    text-align: center;
}

#kontakt {
    padding-top:3%;
    padding-left:0;
    width:100%;
    font-size:1.3em;
    list-style:none;
    text-align: center;
}

li:hover {
    color:black;
    -webkit-animation: random 5s infinite;
    animation: random 5s infinite;
}

@keyframes  random {
    15% { color: darkred; } 
    30% { color: teal; } 
    45% { color: purple; } 
    60% { color: darkblue; }
    75% { color: darkorange; }  
}

::selection {
    background-color: black;
    color:white;
}

a {
    text-decoration:none;
    color:black;
}

a:hover {
    color:blue;
    cursor:pointer;

}