*{box-sizing:border-box}body{margin:0;background:white;font-family:arial;font-size:14px}.header{background:white;border-bottom:solid 1px #aaa;padding:1em}.main{background:#ddd;min-height:90vh;padding:1em}.footer{border-top:solid 1px #aaa}.main-nav{border:solid 1px #aaa}.main-nav ul{list-style:none;padding:0}.main-nav ul li{padding:0;margin:0}.main-nav ul li:hover a{background:#f7f7f7}.main-nav ul li a{padding:0.66667em 1.5em;color:#555;display:flex}.main-nav ul li a:hover{color:orange}.main-nav > ul{position:relative;display:flex}.main-nav .category > a{color:#111}.main-nav .sub-nav > ul{min-width:12rem;position:absolute;display:none;background:white}.main-nav .sub-nav:hover > ul{display:block;box-shadow:0 11px 8px #aaa;z-index:1}.main-nav .sub-nav--second{position:relative}.main-nav .sub-nav--second > ul{top:0;left:100%}