header section.menu {
border: 4px solid #113b15;
border-width: 4px 0;
background-color: rgb(102, 102, 102);
}

header section.menu ul.menu {
position: static;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0.5rem;
list-style-type: none;
}

header section.menu ul.menu li {
margin: 0.5rem;
color: #fff;
}

header section.menu ul.menu li.url {
padding: 0.5rem;
border-radius: 7px;
background-color: #666;
}

header section.menu ul.menu li.url::after {
content: "";
width: 0px;
height: 1px;
display: block;
background: #fff;
transition: 300ms;
}

header section.menu ul.menu li.url:hover::after {
width: 100%;
}

header section.menu ul.menu li.sub-menu {
position: relative;
}

header section.menu ul.menu li.sub-menu ul.sub-menu {
display: none;
position: absolute;
flex-direction: column;
align-items: baseline;
min-width: max-content;
background-color: rgb(102, 102, 102);
list-style-type: none;
}

header section.menu ul.menu li.sub-menu ul.sub-menu li.url {
margin: 0;
max-width: 100%;
background-color: rgb(102, 102, 102);
}