/**
 * Carbon
 */
.carbon-banner {
  float: right;
}

@media (max-width: 800px) {
  .carbon-banner {
    float: none;
  }
}
#carbonads {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#carbonads {
  display: flex;
  max-width: 330px;
  background-color: hsl(0, 0%, 98%);
  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
}

#carbonads a {
  color: inherit;
  text-decoration: none;
}

#carbonads a:hover {
  color: inherit;
}

#carbonads span {
  position: relative;
  display: block;
  overflow: hidden;
}

#carbonads .carbon-wrap {
  display: flex;
}

.carbon-img {
  display: block;
  margin: 0;
  line-height: 1;
}

.carbon-img img {
  display: block;
}

.carbon-text {
  font-size: 13px;
  padding: 10px;
  line-height: 1.5;
  text-align: left;
}

.carbon-poweredby {
  display: block;
  padding: 8px 10px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, 0.025) 5px, hsla(0, 0%, 0%, 0.025) 10px) hsla(203, 11%, 95%, 0.4);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 9px;
  line-height: 1;
}

.really {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* SCSS HEX */
body {
  max-width: 920px;
  margin: 0 auto;
  padding: 1rem;
}

article {
  margin: 0 auto;
  max-width: 720px;
  line-height: 1.3;
}

iframe, img {
  max-width: 90%;
  display: block !important;
  margin: 0 auto !important;
}

pre {
  background: #eee;
  padding: 1rem;
  overflow-y: hidden;
  overflow-x: auto;
}

small.footer {
  float: right;
}

span.small {
  font-size: small;
}

/* Note box */
p.note {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: #f0f7fb;
  border: solid 1px #3498db;
  border-radius: 6px;
  line-height: 18px;
  overflow: hidden;
  padding: 1em;
  margin-left: 3em;
  margin-right: 3em;
}

@media print {
  a::after {
    content: " (" attr(href) ")";
  }
  a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
  }
  .footer {
    display: none;
  }
}

/*# sourceMappingURL=main.css.map */