li.fileItem {
    width: 30%;
    display: block;
    min-height: 20pt;
    list-style-type: none;
    float: left;
    padding: 5pt;
    border: 3px solid #b7e7e7;
}
body {
    background-color: #7768c7;
}
.directory {
    background-color: #bb69c7;
}
.navigation {
    background-color: #7768c7;
}
.fileItem {
    background-color: #56c7c7;
}

.cookie-alert {
    position: fixed;
    bottom: 20px;
    right:20px;
    border-radius: 10px;
    background-color:#2f2f2f;
    color:#fff;
    padding:10px 15px;
    width:280px;
    z-index:100;
}
.cookie-alert a {
display:block;
    text-align: center;
    padding:5px 10px;
    margin:8px auto 0 auto;
    border-radius: 10px;
    background:transparent;
    border: 2px solid #46A2D9;
    color:#46A2D9;
    transition: all .3s ease;
}
.cookie-alert a:hover {
    background: #46A2D9;
    color:#2f2f2f;
}
@media only screen and (max-width:480px) {
    .cookie-alert {
        text-align: center;
        left: 0; right: 0;
        margin: 0 auto;
        max-width:700px;
        padding:10px 30px;
    }
}