*{margin: 0}

/* font-family: 'Lalezar', cursive; */
/* font-family: 'Source Sans Pro', sans-serif; */

header{
    background-color: #e74c3c;
    width: 100%;
    font-family: 'Lalezar', cursive;
}

header img{
    width: 250px;
    margin: 0 0 0 15%;
    animation: headanimation 1s;
}

header p{
    display: inline;
    text-align: center;
    font-size: 25px;
}


.line{
    width: 80%;
    margin: 50px auto;
    text-align: center;
}

.lne{
    animation: fortschritt 3s;
    background-color: #2ecc71;
    float: left;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    height: 10px;
}

.lne_full{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}


.lnet{
    animation: fortschritt2 1s;
    background-color: #e74c3c;
    float: left;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    height: 10px;
}

.lnet_full{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}


.error{text-align: center; width: 80%; margin: 0 auto;}

.error .error_number p{
    margin-top: 50px;
    font-size: 50px;
    animation: animationcomedone 0.5s;
    font-family: 'Lalezar', cursive;
}


.services{
    width: 80%;
    margin: 100px auto;
}

.services .services_header{
    font-family: 'Lalezar', cursive;
    font-size: 22px;
}

.services section{
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    width: 50%;
    float: left;
    margin: 20px 0 20px 0;
}

.services .service{
    animation: animationcomeleft 0.5s;
}

.services .gaming{
    animation: animationcomeright 0.5s;
}

.services .webhosting{
    animation: animationcomeleft 0.7s;
}

.services .backup{
    animation: animationcomeright 0.7s;
}