header{color:#fff;z-index:1000;background:#111;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 10px;transition:transform .35s;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.header.show{transform:translateY(0)}nav ul{margin:0;padding:0;list-style:none;display:flex}nav ul li{margin-right:20px}nav ul li a{padding:10px 15px;text-decoration:none;display:block}