/* Definition of the Navigation Bar */
nav { /*Create a navigation bar */
    background-color: transparent;
}

.menu { /* Create a menu */
    display: inline-block;
    margin: 5px 0;
    padding: 0px;
    white-space: wrap;
}

.menu li { /* Define the menu items */
    position: relative;
    float: left;
    display: block;
    margin: 1px;
    background: #858585;
    border: 1px solid black;
    padding: 3px 10px 3px 10px;
}
.menu li a{ /* Define the links inside the lv-1 menu items */
    text-decoration: none;
    color: white;
    display: block;
}

.menu li:hover{ /* What happens when you hover over a lv-1 menu item */
    background: #333;
    font-size: 20px;
}
    .menu li ul { /* Define the submenu under a lv-1 menu item */
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow-wrap: break-word;
        flex-wrap: wrap;
    }
    .menu li:hover ul { /* The submenu under a lv-1 menu item only shows on hover */
        display: block;
    }
    .menu li ul li { /* Define the lv-2 menu items */
        display: block;
        float: none;
        margin: 0pt;
        border: 1px solid black;
        padding: 3px 10px 3px 10px;
        background: #858585;
    }
    .menu li ul li a{ /* Define the links inside the lv-2 menu items */
        text-decoration: none;
        color: white;
        display: block;
    }
    .menu li ul li:hover { /* Define the hover state for lv-2 menu items */
            background: #b12323;
            float: none;
    }
        .menu li:hover ul li ul { /* Define the submenu under a lv-2 menu item */
            display: none;
            position: absolute;
            left: 100%;
            top: 0;
            padding: 0;
        }
        .menu li ul li:hover ul { /* The submenu under a lv-2 menu item only shows on hover */
            display: block;
            position: absolute;
            left: 100%;
            top: 0;
        }
        .menu li ul li ul li { /* Define the lv-3 menu items */
            display: block;
            float: none;
            border: 1px solid black;
            padding: 3px 10px 3px 10px;
            background: #858585;
        }