/* terminal-skin.css v1 — applied to mirrored Webflow pages by skin.sh */

html, body, body.body, .page-wrapper, .main-wrapper {
  background: #000 !important;
  color: #d0d0d0 !important;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

body *:not(pre):not(code) {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
[class*="heading-"] {
  color: #6cf08e !important;
  font-size: 1em !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  margin: 12px 0 6px !important;
}
h1, .heading-xlarge, .heading-large {
  font-size: 1.15em !important;
}

[class*="text-color-"] { color: inherit !important; }

a, a:visited {
  color: #6c9ff0 !important;
  text-decoration: underline !important;
}
a:hover { color: #9bc0ff !important; }

ul, ol {
  padding-left: 22px !important;
  margin: 6px 0 !important;
}
ul { list-style: square; }

code {
  background: #111;
  color: #d0d0d0;
  padding: 1px 4px;
  border-radius: 3px;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
}
pre {
  background: #111;
  color: #d0d0d0;
  padding: 8px;
  border-radius: 4px;
  overflow-x: auto;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
}

blockquote, .blockquote_noline {
  border-left: 2px solid #2a2a2a !important;
  padding-left: 12px !important;
  color: #a0a0a0 !important;
  margin: 10px 0 !important;
}

.text-rich-text img,
.w-richtext img,
main img:not([class*="navbar"]):not([class*="footer"]) {
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #2a2a2a;
  filter: grayscale(0.6) brightness(0.85);
  border-radius: 2px;
  display: block;
  margin: 12px auto;
}

img[src*="purple_underline"],
img[src*="line-titles"],
.svg-medium_centered {
  display: none !important;
}

.navbar_component,
.footer3_component,
.blogpost03_breadcrumb,
.blogpost03_share-wrapper,
.blogpost03_tag-list-wrapper,
.blogpost03_author-wrapper,
.blogpost03_date-wrapper,
.blog03_author-wrapper,
.blog03_date-wrapper,
.shuttlecloud_contact_form-block,
.contact8_component,
.contact8_map-wrapper,
.layout86_image-wrapper,
.menu-icon2 {
  display: none !important;
}

.w-layout-grid,
.w-layout-cell,
.w-layout-hflex,
.w-layout-layout,
[class*="layout"][class*="_component"],
.blogpost03_content,
.blogpost04_content-wrapper {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  width: 100% !important;
}

.page-wrapper {
  max-width: 880px !important;
  margin: 24px auto !important;
  padding: 18px 20px !important;
  background: #000 !important;
  border: 1px solid #1f1f1f !important;
  border-radius: 6px !important;
}

.padding-global,
.page-padding,
.padding-section-normal,
.container-large,
.container-huge,
.container-medium,
.container-small {
  max-width: 100% !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.text-rich-text > * + *,
.blogpost03_content > * + *,
main > * + * {
  margin-top: 10px !important;
}

.w-embed-youtubevideo {
  padding-top: 56.25% !important;
  position: relative !important;
}
.w-embed-youtubevideo iframe {
  border: 1px solid #2a2a2a;
  filter: grayscale(0.4);
}

.text-rich-text,
.w-richtext {
  max-width: 720px !important;
  margin: 16px auto !important;
}
.text-rich-text figure { margin: 12px 0 !important; }
.text-rich-text figcaption {
  color: #777 !important;
  font-size: 0.9em !important;
}

.line-divider, hr {
  border: 0 !important;
  border-top: 1px dashed #2a2a2a !important;
  height: 0 !important;
  margin: 14px 0 !important;
}

.terminal-back {
  display: inline-block;
  margin: 8px 16px;
  color: #6cf08e !important;
  text-decoration: none !important;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 14px !important;
}
.terminal-back:hover { color: #9bf0b3 !important; }