frontend/marko/global/navbar.less

nav.layout-navbar {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 30ch;
  text-align: center;

  user-select: none;

  h1 {
    font-weight: 100;
    display: inline-block;
    font-size: 2.25em;
    padding: 0.5em 0 0 0;
    margin: 0;
  }

  .options {
    display: inline-block;
    vertical-align: middle;

    a {
      display: inline-block;
      padding: 0.25em;
      margin: 0 0.25ch;
      opacity: 0.666;
    }
    a:hover {
      opacity: 1;
      color: white;
    }
  }
}

@media screen and (max-width: 700px) {
  nav.layout-navbar {
    position: static;
    margin-left: 0;
    width: 100%;

    font-size: 1.25em;
  }
}