.navbar {
            background-color:#0d6efd;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 16px;
            position: sticky;
            top:0px;
            z-index: 1000;
        }

        .navbar a {
            color: white;
            text-decoration: none;
            padding: 14px 16px;
        }

        .menu {
            display: flex;
            gap: 10px;
        }

        .menu a:hover {
            background-color: #444;
        }

        .toggle {
            display: none;
            font-size: 26px;
            color: white;
            cursor: pointer;
        }

        @media (max-width: 768px) {
            .menu {
                position: absolute;
                top: 100%;
                right: 0;
                display: none;
                background-color:#0d6efd;
                flex-direction: column;
                width: 50%;
            }

            .menu.show {
                display: flex;
            }

            .toggle {
                display: block;
            }

            .menu a {
                border-top: 1px solid #444;
            }

            .navbar {
                flex-wrap: nowrap;
            }
        }

        .content {
            padding: 20px;
        }