.ui.center.aligned.container {
  margin-top: 1rem;
}
.secondary.pointing.menu .toc.item {
  display: none;
}
@media only screen and (max-width: 767px) {
  .ui.fixed.menu {
    display: none !important;
  }
  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {
    display: none;
  }
  .secondary.pointing.menu .toc.item {
    display: block;
  }
  .ui.stackable.fixed.menu {
    display: flex;
  }
  .secondary.stackable.pointing.menu .item,
  .secondary.stackable.pointing.menu .menu {
    display: block;
  }
}

#i-emacs {
    height: 20px;
    width: 20px;
}

#i-heart {
    viewBox: 0 0 32 32;
    width: 20px;
    height: 20px;
    fill: red;
}

/* too small the padding.  */
#content {
  padding: 3em;
}

img {
  max-width: 100%;
}

/* scroll when width not enough, maybe org mode bug? */
pre.src {
  overflow: auto !important;
}

@media only screen and (max-width: 767px) {
  #content {
    padding: 1em;
  }
}
/* too small margin between content  */
div[class*="outline-"] {
  margin-top: 1em;
  margin-bottom: 1em;
}