.navbar{
                background-color: black;
                overflow: hidden;
                padding: 0px;
            }

            .navbar li{
                list-style-type: none;
                float: left;
                color: white;
            }

            .navbar a{
                color: inherit;
                text-decoration: none;
                font-size: 24px; 
                padding: 16px;
                display: inline-block;
            }

            .navbar li:hover {
                background-color: red;
            }

            .dropdown-content li {
                float: none;
            }

            .dropdown-content {
                padding: 0px;
                background-color: black;
                display: none;
                position: absolute;
                z-index: 1;
            }

            .dropdown:hover .dropdown-content {
                display: block;
            }

            }

            .navbar .active{
                background-color: red
            }