@font-face {
    font-family: courierprime;
    src: url('fonts/courier_prime-webfont.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: nimbus;
    src: url('fonts/NimbusMono-Bold.woff2');
    font-weight: normal;
    font-style: normal;
}

a.menu:link {
    text-decoration: none;
    color: blue;
}

a.menu:hover {
    color: blue;
}

a.menu:visited {
    color: blue;
}

h1.nimbus {
    font-family: nimbus;
    font-size: 7vw;
    color: blue;
}

td.menu {
    font-family: nimbus;
    font-size: 2.2vw;
    text-align: center;
    color: blue;
    padding: .5em .5em .22em .5em;
    border-radius: 10px;
}
    
td.menu-selected, td.menu:hover {
    font-family: nimbus;
    font-size: 2.2vw;
    text-align: center;
    color: blue;
    padding: .5em .5em .22em .5em;
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
}

li.musik {
    font-size: 2vw;
}

li.musik + li {
    margin-top: 1vw;
}

body.home {
    background-image: url("images/background.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(149,149,147);
}

body.content {
    background-image: url("images/background_blur.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(149,149,147);
}