header nav{display:flex;justify-content:flex-end;align-items:center}header nav ul{display:flex;list-style:none;padding:0;margin:0}header nav ul li{margin:0 1rem}header nav ul li a{color:var(--text);text-decoration:none;font-size:1.1rem;padding:.5rem 0;position:relative;transition:color .3s}header nav ul li a:hover{color:var(--primary)}header nav ul li a.active,header nav ul li a.ancestor{color:var(--primary)}header nav ul li a.active::after,header nav ul li a.ancestor::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary)}header nav ul li ul{display:none;position:absolute;background-color:var(--background);border:1px solid var(--secondary);border-radius:4px;padding:.5rem 0;z-index:100;min-width:150px;box-shadow:0 2px 5px rgba(0,0,0,.2)}header nav ul li:hover>ul{display:block}header nav ul li ul li{margin:0;display:block}header nav ul li ul li a{display:block;padding:.5rem 1rem}@media(max-width:768px){header nav{justify-content:center;width:100%}header nav ul{flex-direction:column;align-items:center}header nav ul li{margin:.5rem 0}header nav ul li ul{position:static;display:block;border:none;box-shadow:none;background-color:transparent;padding:0;margin-top:.5rem}header nav ul li ul li{margin-left:1rem}}