.main-nav{display:none}.main-nav a{margin-left:1.5rem;font-size:1rem;color:var(--color-nav-text)}.main-nav a:hover{color:var(--color-body-text)}.main-nav.is-active{display:flex;position:absolute;top:100%;left:0;right:0;background-color:var(--color-page-bg);flex-direction:column;padding:1rem 1.5rem;border-top:1px solid var(--color-border);box-shadow:0 2px 4px rgba(0,0,0,.1)}.main-nav.is-active a{margin-left:0;margin-bottom:.75rem}.main-nav.is-active a:last-child{margin-bottom:0}.mobile-menu-button{display:block;background:none;border:none;cursor:pointer}.mobile-menu-button svg{width:1.5rem;height:1.5rem;stroke:var(--color-mobile-icon)}@media (min-width: 768px){.main-nav{display:flex}.mobile-menu-button{display:none}}