nav {
            background-color: #292929;
            padding: 10px;
            text-align: center;
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        nav ul li {
            display: inline-block;
            position: relative;
            margin: 0 15px;
        }

        nav ul li a {
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
            padding: 10px 15px;
            display: inline-block;
        }

        nav ul li:hover > a {
            text-decoration: underline;
        }

        nav ul li ul {
            display: none;
            position: absolute;
            background-color: #444;
            padding: 10px;
            top: 100%;
            left: 0;
            z-index: 1000;
            grid-template-rows: repeat(4, auto);
            grid-auto-flow: column;
            gap: 10px;
        }

        nav ul li:hover ul {
            display: grid;
        }

        nav ul li ul li {
            white-space: nowrap;
        }

        nav ul li ul li a {
            color: #fff;
            padding: 5px 10px;
            display: block;
        }

        nav ul li ul li a:hover {
            background-color: #555;
        }