nav.navbar{background-color:#ef52c0;margin:1em;color:white;border-radius:0.6em;min-height:40px}@media (max-width: 500px){nav.navbar{position:relative;flex-direction:column;align-items:flex-start;gap:0;margin:.2em}nav.navbar>.content[mobile-display="hidden"]{display:none}nav.navbar>.content[mobile-display="revealed"]{display:block}}nav.navbar>.expand-button{background-color:transparent;display:none;position:relative;padding:10px;cursor:pointer;width:40px;height:40px;justify-content:center;align-items:center;margin:0}nav.navbar>.expand-button>i{font-size:1.5em;color:white}@media (max-width: 500px){nav.navbar>.expand-button{display:flex}}@media (min-width: 500px){nav.navbar>.content{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;display:flex}}nav.navbar>.content>.menu,nav.navbar>.content>.link{box-sizing:border-box;width:130px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 500px){nav.navbar>.content>.menu,nav.navbar>.content>.link{width:100%;height:auto;justify-content:flex-start}nav.navbar>.content>.menu:last-child,nav.navbar>.content>.link:last-child{border-radius:0 0 .6em .6em}nav.navbar>.content>.menu:last-child>.content,nav.navbar>.content>.link:last-child>.content{box-shadow:3px 3px 3px 0 #dfdfdf}}nav.navbar>.content>.menu>.head,nav.navbar>.content>.link{color:white}@media (max-width: 500px){nav.navbar>.content>.menu>summary,nav.navbar>.content>.link{padding:10px}}nav.navbar>.content>.link{padding:10px 20px;box-sizing:border-box}nav.navbar>.content .link:hover,nav.navbar>.content .menu:hover{background-color:rgba(0,0,0,0.2)}nav.navbar>.content details.menu{cursor:pointer;user-select:none;z-index:10;align-items:center;display:inline-block}nav.navbar>.content details.menu summary{list-style:none;display:flex;align-items:center;height:100%;padding-left:20px;padding-right:20px}@media (min-width: 500px){nav.navbar>.content details.menu summary{justify-content:center}}nav.navbar>.content details.menu summary::-webkit-details-marker{display:none}nav.navbar>.content details.menu ul.content{list-style-type:none;background:white;margin:0}@media (min-width: 500px){nav.navbar>.content details.menu ul.content{box-shadow:3px 3px 3px 0 #dfdfdf}}nav.navbar>.content details.menu ul.content>li>a{display:flex;padding:15px 20px}@media (max-width: 500px){nav.navbar>.content details.menu ul.content>li>a{padding:10px}}nav.navbar>.content details.menu ul.content>li>a:hover{color:#1a78b3;background-color:rgba(0,0,0,0.05)}