body {
    font-family: "Karla", sans-serif;
}

.helperNavigationDiv {
    text-align: center;
    margin-top: 50px;
}

.helperNavigation {
    color: white;
}

.helperNavigation a {
    color: white;
    text-decoration: none;
}

.helperNavigation a:hover {
    text-decoration: underline;
}

.main_helper {
    font-weight: bolder;
}

.indexButtonWhite {
    border: 1px solid black;
    background: linear-gradient(to right, white 50%, #00ae42 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    color: black;
    padding: 10px;
    transition: all 0.5s ease;
}

.indexButtonWhite:hover {
    background-position: right bottom;
    color: white;
    border: 1px solid #00ae42;
}

@media screen and (max-width:576px) {
    .helperNavigationDiv {
        margin-top: 100px;
    }

}