body{background-color:#f1f1f1;margin:0;height:1px;min-height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;display:grid;grid-template-rows:minmax(30px,5%) auto;grid-template-areas:"nav" "content";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#001a12;height:100%}@media (min-width:768px){#app{grid-template-columns:[lgutter] 1fr [main] 600px [rgutter] 1fr;grid-template-rows:minmax(-webkit-max-content,5%) auto;grid-template-rows:minmax(max-content,5%) auto;grid-template-areas:"nav nav nav" "lgutter content rgutter"}}@media (min-width:1200px){#app{grid-template-columns:[lgutter] 1fr [main] 1024px [rgutter] 1fr}}#content{height:100%;width:100%;grid-area:content;display:grid}#nav{padding:5px;background-color:#0a0a0a;position:sticky;display:flex;align-items:center;justify-content:center;grid-area:nav}#nav a{font-weight:700;text-decoration:none;color:#267d63}#nav a.router-link-exact-active{color:#56baa0}.home{align-self:center}.home #title{margin:0;font-size:300%;font-variant:small-caps}@media (min-width:1200px){.home #title{font-size:400%}}.home .subtitle{width:70%;padding-top:10px;font-size:150%;border-top:2px solid #5bc0be;margin:0 auto}@media (min-width:1200px){.home .subtitle{width:50%;font-size:200%}}