/*navigation styles*/


nav.topMenu {
    background-color: pink;
    height: 39px;
}

nav.topMenu li {
    width: 15%;
    display: block;
    float: left;
    text-align: center;
}

nav.topMenu ul li a {

    text-transform: uppercase;
    text-align: center;
}

nav.topMenu ul li a#currentPage {
    background-color: rgb(75, 103, 246);
    color: black;

}

nav.topMenu a {
    float: left;
    padding: 10px;
    color: purple;

}

nav.topMenu a:hover {
    background-color: aquamarine;
}

#navicon {
    display: none;
}



@media screen and (max-width: 480px) {
    #navicon {
        display: block;
    }

    nav.topMenu ul {
        display: none;
    }

    #navicon:hover+ul,
    nav.topMenu ul:hover {
        display: block;
    }
}