.topnav {
            overflow: hidden;
            /*background-color: #333;*/
            background-color: white;
        }
            .topnav a {
                float: left;
                /*color: #f2f2f2;*/
                color: #f8f8f8; 
                background-color: blue;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 17px;
            }

                .topnav a:hover {
                    background-color: #ddd;
                    color: black;
                }

                .topnav a.active {
                     background-color: #4CAF50; /*Green*/
                     /* background-color: #FF6600; */ /*red*/
                     color: white;
                    /* color: black; */
                }

                       /* The dropdown container */
        .dropdown {
            float: left;
            overflow: hidden;
        }

            /* Dropdown button */
            .dropdown .dropbtn {
                font-size: 17px;
                border: none;
                outline: none;
             
                color: white;
                padding: 14px 16px;
                background-color: blue;
                font-family: inherit; /* Important for vertical align on mobile phones */
                margin: 0; /* Important for vertical align on mobile phones */
            }

            /* Add a red background color to navbar links on hover */
            .navbar a:hover, .dropdown:hover .dropbtn {
                background-color:#ddd;
                    color: black;
            }

        /* Dropdown content (hidden by default) */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

            /* Links inside the dropdown */
            .dropdown-content a {
                float: none;
                color: white;
                padding: 14px 16px; /*12 16*/
                text-decoration: none;
                display: block;
                text-align: left;
            }

                /* Add a grey background color to dropdown links on hover */
                .dropdown-content a:hover {
                    background-color: #ddd;
                }

        /* Show the dropdown menu on hover */
        .dropdown:hover .dropdown-content {
            display: block;
        }

/*Menu on the pixmain page*/
.menubar {
    padding-left:30px;
    font-weight:bold;
    font-size:larger;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    
    }

.menubar:hover {
    background-color:darkcyan;
    
}