body {
    background-image: url("/static/image/river_min.jpg");
    background-attachment: fixed;
    background-size: auto 100%;
    background-position: center;
}
#container-bg {
    background-attachment: fixed;
    background-size: auto 100%;
    background-position: center;
}
#container-mask {
    background-color: rgba(255,255,255,0.5);
}
a {
    color: #1b1b1b;
}
/* ------------------ */
nav a {
    color: #134857;
}
nav a:not(.active):hover {
    text-shadow: 3px 1px 5px #1b1b1b;
    color: #fc6e20;
}
nav a.active {
    /* background: #3e3e4b; */
    /* box-shadow: inset -5px -5px 5px #19191e, inset 5px 5px 5px #636378; */
    /* border: 1px solid #b6a7b3; */
    color: #fc6e20;
}
nav .dropdown-content {
    background-color: rgb(164 134 94 / 80%);
}
nav .search input {
    border: 1px solid #c9c9d5;
    background-color: #e8fffb;
}
nav .search input:focus {
    background-color: #ececff;
    box-shadow: 2px 2px 5px #8181ac;
}
nav .search button {
    background-color: #3e3e4b;
    color: aliceblue;
    border: none;
}
nav .search button:hover {
    background-color: #6a6ad1;
}