body {
    background-color: black;
    margin: 0;
    padding: 0;
    font-family: arial;

}

#navbar {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    background-image: linear-gradient(to right, navy, blue);
    padding: 30px;
}

#navbar a {
    color: white;
    text-decoration: none;
    background-color: black;
    margin: 30px;
    font-family: arial;
    padding: 15px 20px;
    border-radius: 10px;
    transition: padding 0.2s;
    transition: opacity 0.15 ease;
    border: navy solid 3px;
}

#navbar a:hover {
    opacity: 0.85;
    background-image: linear-gradient(to right, navy, blue);
}


#knappcontainer {
    display: grid;
    gap: 50px;
    grid-template-columns: 200px 200px 200px 200px;
    justify-content: center;
    margin-top: 100px;
}

#knappcontainer a {
    color: white;
    text-decoration: none;
    background-color: black;
    font-family: arial;
    padding: 15px 20px;
    border-radius: 10px;
    transition: padding 0.2s;
    transition: opacity 0.15 ease;
    border: navy solid 3px;
}

#knappcontainer a:hover {
    opacity: 0.85;
    background-image: linear-gradient(to right, navy, blue);
}