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