*{
    margin: 0;
    padding: 0;
}

nav{

     display: flex;
    align-self: center;
    justify-content: center;
    padding: 5px 1px;
    background-color: #cca525;
}

nav > div> a > h2{

text-transform: uppercase;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}

.text{
    
float: left;
padding: 5px 1px;
text-align: center;
text-transform: uppercase;
width: 100%;
height: 100%;
font-size: 16px;
align-items: center;    
   
}
ul{

    display: none;
    position: absolute;
    background: #cca525;
}

h2:hover ul{
    display: block;

}