.App{display:flex;flex-direction:column;height:100%}.Header{flex-shrink:0}.Header-Banner{background-color:#e6e6e6;padding:1em}.Header-Banner__title{font-size:140%;font-weight:300;letter-spacing:.05em;margin:0;text-align:center}.Header__Menu{background-color:#f2f2f2;display:flex;font-size:80%;font-weight:300;justify-content:center}.Header__Link{color:gray;letter-spacing:.05em;padding:1em;position:relative;text-decoration:none;transition:color .5s}.Header__Link:after{background-color:#fff;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;right:50%;transition:left .5s,right .5s}.Header__Link.has-active-child:after{background-color:#4d4d4d;left:calc(50% - 5px);right:calc(50% - 5px)}.Header__Link.router-link-active{color:#1a1a1a;font-weight:400}.Header__Link.router-link-active:after{background-color:#4d4d4d;left:0;right:0}.Header__Link:hover{color:#1a1a1a;font-weight:400}.App__body{flex:1;overflow-y:auto}@media(max-width:374px){.App{font-size:4.2666666667vw}}