.header{display:grid;grid-template-columns:1fr auto;background-color:var(--primary);box-shadow:var(--level2);position:sticky;top:0;width:100%;z-index:3;align-items:center}.header .title{font-family:Dischouse;font-size:var(--h3);background-color:var(--primary);color:var(--white);text-align:start;padding-left:.5em}.header .title a{color:var(--white)}.header .menuIcon{cursor:pointer;display:block;padding:1em;user-select:none}.header .menuIcon .navicon{background:var(--white);display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menuIcon .navicon:before,.header .menuIcon .navicon:after{background:var(--white);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menuIcon .navicon:before{top:5px}.header .menuIcon .navicon:after{top:-5px}.header .menuButton{display:none}.header .menuButton:checked~.menu{max-height:350px}.header .menuButton:checked~.menuIcon .navicon{background:transparent}.header .menuButton:checked~.menuIcon .navicon:before{transform:rotate(-45deg)}.header .menuButton:checked~.menuIcon .navicon:after{transform:rotate(45deg)}.header .menuButton:checked~.menuIcon:not(.steps) .navicon:before,.header .menuButton:checked~.menuIcon:not(.steps) .navicon:after{top:0}.header .menu{grid-column:1 / span 2;display:grid;grid-template-rows:repeat(6,1fr);grid-template-columns:1fr;gap:.25em;justify-content:end;align-items:center;background-color:var(--primary);color:var(--white);font-family:var(--bodyText);font-size:var(--h5);text-align:end;max-height:0;overflow:hidden;transition:max-height .5s ease-out}.header .menu a{flex-grow:1;margin:8px;padding:.5em 1em .5em .5em}.header .menu a:hover{margin:4px;border:4px dotted var(--lightYellow);border-radius:8px}.header .menu .active{margin:4px;border:4px dotted var(--yellow);border-radius:8px}