@font-face {
  font-family: 'arsnova';
  src: url('/assets/fonts/arsnova.eot?u4wa2e');
  src: url('/assets/fonts/arsnova.eot?u4wa2e#iefix') format('embedded-opentype'),
  url('/assets/fonts/arsnova.ttf?u4wa2e') format('truetype'),
  url('/assets/fonts/arsnova.woff?u4wa2e') format('woff'),
  url('/assets/fonts/arsnova.svg?u4wa2e#arsnova') format('svg');
  font-weight: normal;
  font-style: normal;
}

#markdownBarDiv {
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    li {
      flex: 1 0 calc(100% / 7);
      text-align: center;
      cursor: pointer;
      &:hover {
        opacity: 0.8;
      }
      &:active {
        opacity: 0.5;
      }
    }
  }

  .latexIcon::before {
    content: "\TeX";
    font-family: "arsnova", serif;
  }
}
