#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;padding:40px;display:grid;grid-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:240px 1fr 1fr;grid-template-rows:auto;grid-template-areas:"logo content content" "logo stats stats"}#content{grid-area:content}#nav{grid-area:stats;list-style:none;margin:0;padding:0}#nav li{padding:0 0 5px 0}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#b99ecb}#logo{grid-area:logo;max-width:200px;justify-self:center;align-self:start}h1{margin:0}h2{margin:-6px 0 0 0;font-size:13px;color:#b99ecb}@media only screen and (max-width:700px){#app{grid-template-columns:1fr;grid-template-rows:auto;text-align:center;grid-template-areas:"logo" "content" "stats"}}