subspace-docs/.vuepress/styles/index.styl

@import "/subspace-docs/inter/inter.css";

body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.theme-default-content:not(.custom) > h2 {
  margin-top: -1em
}

.code-container {
  display: flex;
  flex-wrap: wrap;
}

.code-container + .code-container {
  margin-top: 10px;
}

.code-text {
  display: block;
  flex-basis: 30%;
  padding: 13px 2%;
  text-align: justify;
}

.code-content {
  display: block;
  width: 66%;
}

@media screen and (max-width: 800px) {
  .code-text {
    flex-basis: 100%;
  }

  .code-content {
    width: 100%;
  }
}