h1,h2,h3,h4,h5 { text-align: center }
        .navbar {
            display: block;
            margin-left: auto;
            margin-right: auto 
        }
        h3 {
            margin: 0;
            padding: 0;
        }
        body {
            height: 100vh;
            justify-content: center;
            align-items: center;
            margin: 0;
        }
        .navbar ul {
            list-style-type: none;
            text-align: center;
            padding: 0;
            display: flex;
            width: 600px;
            margin: auto;
        }
        a,a:active,a:hover {
            color: black;
        }
    

        a::before {
            content: '>';
            margin-right: 5px; /* Space between > and link text */
            opacity: 0; /* Initially hidden */
            transition: opacity 0.0s; /* Smooth transition */
        }

        a::after {
            content: '<';
            margin-left: 5px; /* Space between link text and < */
            opacity: 0; /* Initially hidden */
            transition: opacity 0.0s; /* Smooth transition */
        }

        a:hover::before,
        a:hover::after {
            opacity: 1; /* Show on hover */
        }

        .navbar ul>li {
            flex: 1;
        }
        .navbar a,.navbar a:hover,.navbar a:active {
            color: black;
        }