nav{position:fixed;height:2em;padding:0;width:8em}nav ul{display:none;list-style:none;height:3em;margin:0;padding:0}nav ul li{display:block;width:100%;background:#080610;height:3em}nav ul li a,nav ul li a:visited{display:inline-block;color:#f7f9ef;line-height:2em;height:2em;text-decoration:none;margin:0 1em}nav ul li a:hover{color:#acaea7;border-bottom:.125em solid #f7f9ef}nav button{display:block;width:100%;line-height:2em;height:3em;font-size:1em;color:#f7f9ef;background:#080610;border:0}nav button:hover+ul{display:block;opacity:.7}nav ul:hover{display:block;opacity:.7}@media(min-width:1024px){nav{position:relative;margin:1em auto;width:100%;max-width:1200px}nav button{display:none}nav ul{display:block;list-style:none;height:2em}nav ul li{display:inline;width:auto;float:left;padding:0 1em}nav ul li a,nav ul li a:visited{margin:0}nav ul li a:hover{color:#acaea7;border-bottom:.125em solid #f7f9ef}}