div.mainmenu {
    width: auto;
    background-image: linear-gradient(to top,rgb(46, 143, 223),rgb(186, 200, 226));
    box-shadow: 0px 0px 5px #000;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.mainmenu ul {
    margin: 0px;
}

.mainmenu li {
    display: inline-block;
    padding: 10px;
}

.mainmenu a {
    color: black;
}

.mainmenu a:hover {
    color: black;
    
}

.mainmenu li:hover {
    background-color:rgb(154, 187, 218);
    box-shadow: 0px 0px 5px black;
}