// remove image link outbound icons
// see https://github.com/vuejs/vuepress/issues/610#issuecomment-491141547
img + span
  .icon.outbound
    display: none;

img + .icon.outbound
  display: none;


body
  overflow-y scroll

.search-box .suggestions
  z-index: 10

.theme-default-content:not(.custom) > *:first-child
  margin-top 1.5rem !important

.space-header
  margin-bottom 50px
  position relative
  // text-align center
  // margin-top -3.6rem !important

  .home-link
    color #2c3e50 !important
    text-decoration none !important
    letter-spacing 3px
    font-size 20px
    font-weight light

  .site-link
    color #2c3e50 !important
    text-decoration none !important
    font-size 15px
    font-weight light

  .links
    margin-top 20px

  .search-box-container
    position absolute
    top ((61px - 34px) / 2)
    right 0

.search-box input
  border-color #eee

@media screen and (max-width: 959px)
  .search-box input
    border-color transparent

.right-anchor
  width 200px
  overflow hidden

@media screen and (max-width: 1199px)
  .right-anchor
    display none !important

@media (prefers-color-scheme: dark)
  html
    filter: invert(90%) hue-rotate(180deg)

  img, video, svg, div[class*="language-"]
    filter: invert(110%) hue-rotate(180deg)
    opacity: .8