/* line 1, app/assets/stylesheets/css.scss */
body {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.2em;
}

/* line 9, app/assets/stylesheets/css.scss */
.site-header {
  max-width: 700px;
}

/* line 12, app/assets/stylesheets/css.scss */
.site-body {
  width: 700px;
  max-width: 700px;
}

@media screen and (max-width: 600px) {
  /* line 12, app/assets/stylesheets/css.scss */
  .site-body {
    width: 100%;
  }
}

/* line 18, app/assets/stylesheets/css.scss */
.site-body p {
  line-height: 1.2em;
}

/* line 21, app/assets/stylesheets/css.scss */
.site-body ul {
  padding: 15px;
}

/* line 23, app/assets/stylesheets/css.scss */
.site-body ul li {
  padding: 5px 0px;
}

/* line 28, app/assets/stylesheets/css.scss */
.site-footer {
  height: 20px;
}

/* line 33, app/assets/stylesheets/css.scss */
.site-title a {
  font-size: 2em;
  color: #777;
}

/* line 38, app/assets/stylesheets/css.scss */
a {
  color: #777;
}

/* line 41, app/assets/stylesheets/css.scss */
.main-image {
  width: 100%;
}

/* line 44, app/assets/stylesheets/css.scss */
.topic-link {
  margin-top: 40px;
}

/* line 46, app/assets/stylesheets/css.scss */
.topic-link a {
  color: #555;
}

/* line 50, app/assets/stylesheets/css.scss */
.topic {
  display: flex;
}

/* line 52, app/assets/stylesheets/css.scss */
.topic .short-version {
  width: 60%;
  padding-right: 10px;
}

/* line 55, app/assets/stylesheets/css.scss */
.topic .short-version.noimg {
  width: 100%;
}

/* line 59, app/assets/stylesheets/css.scss */
.topic .short-topic-image {
  width: 40%;
}

/* line 61, app/assets/stylesheets/css.scss */
.topic .short-topic-image img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  /* line 50, app/assets/stylesheets/css.scss */
  .topic {
    flex-flow: column-reverse;
  }
  /* line 67, app/assets/stylesheets/css.scss */
  .topic .short-version {
    width: 100%;
  }
  /* line 70, app/assets/stylesheets/css.scss */
  .topic .short-topic-image {
    width: 100%;
  }
  /* line 72, app/assets/stylesheets/css.scss */
  .topic .short-topic-image img {
    width: 100%;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */