nav {

    background: wheat;

    width: 100%;

}



.menu,

.submenu {

    list-style: none;

}



.menu {

    display: flex;

    justify-content: space-around;

    text-align: center;

    padding: 0;

    margin: 0.1px;

}



.submenu {

    background: wheat;

    padding: 0;

    display: none;

    position: absolute;

    width: 100%;

    top: 100%;

}



.submenu li {

    padding: 5px;

}



.titles {

    position: relative;

    width: 15%;

    align-items: center;

    justify-content: center;

    display: flex;

}



.menu li:hover {

    /*background: linear-gradient(to left, #009ffd, #2a2a72);*/

    background: #333b;

}



.menu li:hover .submenu {

    display: block;

}



.menu .subTitles:hover {

    /*background: linear-gradient(to left, #009ffd, #2a2a72);*/

    background: #333b;

}



a {

    text-decoration: none;

    /*color: black;*/

    color: #711324e6;

}



li {

    transition: all 500ms;

}