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