﻿.third-level-menu {
    position: absolute;
    top: 0;
    width: 200px;
    right: -200px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}

    .third-level-menu > li {
        background-image: linear-gradient(120deg, #4f0088 0%, #000000 100%);
    }


.second-level-menu {
    position: absolute;
    left: 0;
    list-style: none;
    display: none;
    min-width: 275px;
}

    .second-level-menu > li {
        position: relative;
        background-image: linear-gradient(120deg, #4f0088 0%, #000000 100%);
    }


.top-level-menu {
    list-style: none;
    font-family: "Share Tech Mono", monospace;
    font-size: 17px;
    color: #8abeb7;
}

    .top-level-menu > li {
        position: relative;
        float: left;
    }

    .top-level-menu li:hover > ul {
        display: block;
        /*background-color: #ffffff26 !important;*/
    }


    /* Menu Link Styles */

    .top-level-menu a /* Apply to all links inside the multi-level menu */ {
        text-decoration: none;
        display: block;
        line-height: 21px;
        display: block;
        min-width: 100%;
    }

ul li a {
    display: inline-block;
    position: relative;
    padding: 6px 25px;
    color: #8abeb7;
    text-decoration: none;
}

li:hover {
    text-decoration: underline;
}
