:root{--padding:20px;--margin:20px;--boxed:1440px}#menu-toggle-checkbox~#wrapper header,#menu-toggle-checkbox:checked~#wrapper header{padding:calc(var(--padding) / 2) var(--padding)}#menu-toggle-checkbox~#wrapper header #logo,#menu-toggle-checkbox:checked~#wrapper header #logo{margin:calc(var(--margin) / 2) var(--margin)}#menu-toggle-checkbox~#wrapper header #nav,#menu-toggle-checkbox:checked~#wrapper header #nav{transform:translateY(calc(var(--margin) / 2))}#menu-toggle-checkbox~#wrapper header #nav ul li a,#menu-toggle-checkbox:checked~#wrapper header #nav ul li a{margin:0 var(--margin)}#menu-toggle-checkbox~#wrapper header #nav #menu,#menu-toggle-checkbox:checked~#wrapper header #nav #menu{margin:var(--margin)}#menu-toggle-checkbox~#wrapper header #extra,#menu-toggle-checkbox:checked~#wrapper header #extra,#menu-toggle-checkbox~#wrapper header #strap,#menu-toggle-checkbox:checked~#wrapper header #strap{margin:calc(var(--margin) / 2) var(--margin)}