Untitled

<head>
    <title>CC | Welcome to CC</title>
    <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
    <link rel="icon" href="favicon.png" sizes="64x64" type="image/png">
    <style>
        p {
            font-family: 'Abel', sans-serif;
        }
        body {margin:0;}
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #FFFFFF;
            position: fixed;
            top: 10%;
            width: 100%;
        }

        li {
            display: inline-block;
        }

        li a {
            display: block;
            color: #000;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-family: 'Abel', sans-serif;
        }

        #logo {
            position: absolute;
            /*vertical-align: top;
            /top: 250%;
            /left: 30%;*/
        }

        # li a:hover:not(.active) {
        #    background-color: #000;
        #}

        #.active {
        #    background-color: #4CAF50;
        #}
    </style>
</head>

<body>
    <center>
        <ul>
            <li><img id="logo" src="icon.png" style="width:128px;height:128px;"></li>
            <li><a class="active" href="#home">CHARACTERS</a></li>
            <li><a href="#contact">COMICS</a></li>
            <li><a href="#news">TV</a></li>
            <li><a href="#news">VIDEOS</a></li>
            <li><a href="#news">NEWS</a></li>
            <li><a href="#news">CONTACT</a></li>
        </ul>
    </center>
</body>