nav[data-v-e06b284d]{pointer-events:none;background:var(--background-color-darker);opacity:0;z-index:1000;border-radius:2px;min-width:250px;margin:0 auto;padding:.5rem 1rem;transition:top .3s,opacity .3s;position:absolute;top:3rem;left:0;overflow:hidden}nav.active[data-v-e06b284d],nav[data-v-e06b284d]:focus-within{opacity:1;pointer-events:all}nav a:hover i[data-v-e06b284d]{color:#000}nav i[data-v-e06b284d]{color:#fff;width:100%;height:100%;transition:color .1s;display:inline-block}nav ul[data-v-e06b284d]{grid-gap:.5rem;grid-template-columns:repeat(5,1fr);align-content:start;width:100%;height:100%;margin:0;padding:.5rem 0 1rem;display:grid}nav .section-link[data-v-e06b284d]{color:var(--text-color);text-align:left;text-transform:uppercase;appearance:none;background:0 0;border:none;border-radius:2px;grid-column:1/-1;padding-top:1rem;padding-bottom:.6rem;font-family:Fira Code Variable,monospace;font-size:1.5rem;font-weight:lighter;line-height:1rem;text-decoration:none}nav .section-link[data-v-e06b284d]:focus,nav .section-link[data-v-e06b284d]:hover{color:#000;background:var(--accent-color)}@media screen and (width<=700px){nav ul[data-v-e06b284d]{justify-items:center}nav ul a.external[data-v-e06b284d]{width:50px;height:50px;padding:10px}nav ul a.external.wide-image[data-v-e06b284d]{padding:10px 0}nav ul button[data-v-e06b284d]{text-align:center;width:100%}}@media screen and (width<=600px){main>section[data-v-e06b284d]{left:.5rem;right:.5rem}nav[data-v-e06b284d]{left:2.5rem;right:2.5rem}}