body {
    background-image: url("/img/f6d6b001.png");
}


a.back {
    position: absolute;
    bottom: 50px;
    left: 50px;
    display: block;

    background-color: rgba(0, 0, 0, 0.199);

    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90px;




    border: 2px solid #b7d3b8;
    text-decoration: none;
    color: #b7d3b8;

    box-shadow: 1px 0px 100px rgba(0, 0, 0, 0.527);
}

a.back:hover {
    background-color: rgba(0, 0, 0, 0.281);
}

a.back:active {
    background-color: rgba(0, 0, 0, 0.404);
    text-decoration: none;
    color: #b7d3b8;
}


/* ---- */
/* menu */
/* ---- */

#menu >li:first-child > a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#menu >li:last-child > a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#menu a {
    display: block;

    color: white;
    text-decoration: none;
}

#menu a:visited {
    color: white;
    text-decoration: none;
}

#menu a:hover {
    color: unset;
}

#menu a:active {
    color: unset;
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu li {
    list-style: none;
}

#menu > li {
    float: left;

}

#menu > li > a {
    /* color: red; */
    /* border: 1px solid blue; */
    
    padding: 20px;
    
    background: linear-gradient(to bottom, rgba(31,59,8,0.8) 0%, rgba(98,125,77,0.6) 100%);
    
    border-left: 2px solid #00000030;
    border-bottom: 2px solid #00000030;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
    transition: 0.3s;
    
}

#menu > li > a:hover {
    background: linear-gradient(to bottom, #1f3b08 0%, #627d4d 100%);
    
    
}

#menu > li ul li a {
    padding: 20px 30px;
    border-bottom: 2px solid #00000030;
    
    /* border: 1px solid red; */
    
    transition: 0.3s;
    
}

#menu > li ul li a:hover {
    background: linear-gradient(to bottom, #627d4d 0%, #6c7a62 100%);
    /* background-color: #627d4d; */

}

#menu > li ul {
    position: absolute;
    background: linear-gradient(to bottom, rgba(98,125,77,0.6) 0%, rgba(134, 161, 113, 0.8) 100%);
    border-left: 2px solid #00000030;

    font-size: 0.8em;

    opacity: 0;
    transition: 0.5s;

    /* width: 300ps; */
}

#menu > li:hover ul {
    opacity: 1;

    transition: 0.5s;

}


/* -------- */
/* menu end */
/* -------- */