:root {
    --background-color: #114411;
    --text-color: #FFFFFFCC;
    --link-color: #FFFF77CC;
    --link-hover-color: yellow;
}

.profile-title {
    color: #DDCC88;
    text-shadow: 0 0 8px #000;
}

.profile-headline {
    color: #DDDDDDDD;
    text-shadow: 0 0 8px #000;
}

ul.links {
    background-color: transparent;
    text-shadow: none;
    box-shadow: none;
}

ul > li > a {
    background-color: #00000066;
    color: #DDFFDDAA;
    text-shadow: 0 0 8px #000000;
}

ul > li > a:hover {
    background-color: #000000AA;
    color: #DDFFDD;
}

ul > li > a > svg {
    color: #FFFFFF88;
    filter: drop-shadow(0 0 4px #000000);
}

ul > li > a:hover > svg {
    color: #FFF;
}

@media only screen and (max-width: 600px) {
    ul > li > a > svg {
        color: #FFF;
    }
}