body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#222}nav{position:sticky;z-index:3;height:3em;background-color:#000;display:grid;grid-template-columns:auto auto 1fr}nav>a:not(:first-child){color:#e0ffff;padding:1em;text-decoration:none}nav>a:hover:not(:first-child){background-color:#2f4f4f}nav>*{margin-right:1em}.logo{text-decoration:none;height:3em;display:flex;align-items:center}.logo p{margin:0;height:2em;line-height:2em}.logo p.first{padding-left:1em;padding-right:3px;color:#fff}.logo p.second{background-color:orange;color:#000;padding:2px 5px;border-radius:5px}