body {
    background: white;
    filter: saturate(7) hue-rotate(260deg);
}

.header .fa-bars:before {
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-name: leafy;
    animation-timing-function: linear;
    text-shadow: 0 0 10px #1581a9;
}

@keyframes leafy {
    0% {
        content: "\f299";
    }
    33% {
        content: "\f06c";
    }
    66% {
        content: "\f18c";
    }
    100% {
        content: "\f299";
    }
}

.module {
    border-top: 1px dashed #1581a9;
    margin: 0;
}

.editor, .finder {
    border: none !important;
    border-radius: 0 !important;
}

.finder {
    border-right: 1px dashed #1581a9 !important;
}

.header {
    background: linear-gradient(to right, #f97d9f8c, #56016138);
    position: relative;
}

.header::before {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: windy;
    animation-timing-function: linear;
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, #80002b 13px);
    background-repeat: repeat;
    background-size: 20px 20px;
    content: "";
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
}

@keyframes windy {
    0% {
        background-position-x: 0px;
    }
    100% {
        background-position-x: 100px;
    }
}

.header img {
    filter: drop-shadow(0 0 4px #000);
}

.jstree-default .jstree-clicked {
    background: #56016110;
}