p {
    color: white;
}
h1 {
    color: white;
}
h2 {
    color: white;
}
h3 {
    color: white;
}
h4 {
    color: white;
}
h5 {
    color: white;
}
h6 {
    color: white;
}
a {
    color: white;
}
div {
        margin-bottom: 85px;
    }
/* desktop view */
@media screen and (min-width: 480px) {
    body {
        background-color: black;
        font-family: 'Roboto';
        margin-left: 150px;
        margin-top: 50px;
    }
    li {
        margin-top: 10px;
    }
    li .button {
        text-decoration: none;
        transition: all 0.3s ease-out;
        color: dodgerblue;
    }
    li .button:hover {
        color: darkblue;
    }
    .button_image:hover {
    opacity: 0.3;
    }
}
/* mobile view */
@media screen and (max-width: 601px) {
    body {
        background-color: black;
        font-family: 'Roboto';
        margin-left: 15px;
        margin-top: 30px;
    }
    h1 {
        font-size: 25px;
    }
    li {
        margin-top: 10px;
    }
    li .button {
        color: dodgerblue;
    }
    .versszak {
        margin-right: 20%;
    }
}