header{z-index:9;background:#fff;width:100vw;position:fixed;top:0;box-shadow:0 0 4px 4px #0d3a5880}header .header-top{width:100%;padding:20px 0 0;display:flex}header .header-top .name{margin:0;padding:0 0 0 12px;font-size:1.96em;line-height:1em}header .header-top .bars{flex-direction:column;flex-grow:1;width:90%;max-width:200px;margin:2px 0 8px .2em;display:flex}header .header-top .project-title{color:var(--red);opacity:0;margin-left:auto;margin-right:20px;font-size:1.96em;line-height:1em;transition-property:opacity;transition-duration:0s}header .header-top .show-fade{opacity:1}header .menu{margin-bottom:8px;padding-left:12px;font-size:.8em;line-height:.9em}header .menu a{font-weight:400}header .menu .current{color:var(--red)}@media screen and (max-width:900px){header .header-top .name{text-align:left}header .header-top .project-title{margin-left:.8em}}