* { box-sizing: border-box; }

html { height: 100%; }

body { font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; margin: 0; display: flex; flex-direction: column; height: 100%; }

p { font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 22px; }

cite { font-size: 26px; font-style: normal; }

@media (min-width: 840px) { cite { font-size: 32px; } }

figure { margin-inline-start: 0; margin-inline-end: 0; }

h1, h2 { font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }

pre { white-space: pre-wrap; padding: 10px; }

a { background-color: #1f1f1f; color: #9f5c24; }

a:hover, a:focus { color: #e36049; }

hr { border: 4px solid #2b2b2b; }

.navigation { position: fixed; width: 100%; height: 80px; background-color: white; z-index: 1; }

.navigation__logo { height: 50px; padding: 10px 0 0; }

@media (min-width: 840px) { .navigation__logo { height: 70px; } }

.navigation__menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; position: sticky; top: 0; font-size: 20px; max-width: 1200px; margin: 0 auto; display: flex !important; flex-direction: column; background-color: white; }

@media (min-width: 840px) { .navigation__menu { flex-direction: row; font-size: 28px; } }

.navigation__item { padding: 2px 20px 0 10px; align-self: left; }

.navigation__item a { color: black; text-align: center; text-decoration: none; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-weight: 600; background-color: #ffffff; }

@media (min-width: 840px) { .navigation__item { align-self: center; } }

.navigation__item--secondary { position: fixed; top: 0; right: 0; }

@media (min-width: 840px) { .navigation__item--secondary { position: relative; padding-right: 5px; margin-left: auto; } }

.hero { background-color: #2b2b2b; }

.hero__container { padding: 10px; max-width: 1200px; margin: 0 auto; }

@media (min-width: 840px) { .hero__container { display: flex; } }

.hero__heading { flex: 1; }

.hero__content { flex: 2; }

.hero__title { font-size: 90px; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; margin: 10px 0 0 0; color: #d3c9a9; display: table; letter-spacing: 8px; }

@media (min-width: 840px) { .hero__title { font-size: 130px; font-weight: 800; } }

.hero__title--word { display: table; margin: 0 0 10px; background-color: #1e1e1e; padding: 0 10px; }

.hero__text { margin: 0; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 30px; font-weight: 500; color: #85a0c2; }

@media (min-width: 840px) { .hero__text { font-size: 40px; } }

.hero__text--subtitle, .hero__text--subtitle a { color: #9f5c24; margin-top: 20px; font-size: 35px; }

.hero__text--subtitle a:hover, .hero__text--subtitle a:focus { color: #c3c2ee; }

.hero__syntax { font-size: 200%; }

.hero__text--strapline { margin: 10px 0; color: #ffffff; display: flex; align-self: end; }

.container { flex: 1 0 auto; padding: 160px 0; }

@media (min-width: 840px) { .container { padding: 80px 0; } }

.section { flex-direction: column; }

@media (min-width: 840px) { .section { display: flex; } }

.section__container { max-width: 1200px; margin: 0 auto; padding: 20px; }

@media (min-width: 840px) { .section__container { display: flex; align-items: baseline; } }

.section__container--secondary { background-color: #f6f4ed; }

@media (min-width: 840px) { .section__container--secondary { padding: 0 60px; } }

.section__container--inverse { background-color: #2b2b2b; color: #9f5c24; margin-top: 0; }

.section__heading { flex: 1; font-size: 40px; font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; color: #2b2b2b; }

@media (min-width: 840px) { .section__heading { font-size: 90px; } }

.section__content { flex: 2; }

@media (min-width: 840px) { .section__content { padding: 30px 0; } }

.section__content a { background-color: #f9f6ef; }

.section__content h1, .section__content aside { font-size: 25px; }

@media (min-width: 840px) { .section__content h1, .section__content aside { font-size: 35px; } }

.section__content h2, .section__content li { font-size: 30px; list-style: none; }

.section__content ul { padding-inline-start: 0; }

.section__content--logos { margin: 0 auto; padding: 30px; display: flex; flex-direction: column; list-style-type: none; }

.section__content--logos h1 { text-align: center; }

@media (min-width: 840px) { .section__content--logos { flex-direction: row; align-items: baseline; } }

.section__content--logo { flex: 1; margin: 0 0 60px; }

@media (min-width: 840px) { .section__content--logo { margin: 0; } }

.logo { width: 100%; padding: 0 30px; filter: grayscale(100%); }

.logo:hover { filter: grayscale(0%); }

.section__container--text { font-size: 24px; font-weight: 600; text-align: center; }

.section__container--text a { background-color: #f9f6ef; }

.section__container--text-sponsors { margin: 40px 0 0 0; text-align: center; }

.section__container--cta { text-align: center; }

.button__cta { border: 0; border-radius: 4px; background-color: #e36049; box-shadow: inset 0 -4px 0 0 #bb2d00; cursor: pointer; outline: 0; text-shadow: 1px 1px #1e1e1e; line-height: 1.3em; text-align: center; color: #f9f6ef; font-size: 150%; font-weight: 600; padding: 30px; display: inline-block; }

.button__cta:hover, .button__cta:focus { color: #ffffff; text-shadow: 1px 1px #2b2b2b; }

@media (min-width: 840px) { .button__cta { padding: 30px 60px; text-align: center; font-size: 200%; } }

footer { position: relative; bottom: 0; width: 100%; flex-shrink: 0; background-color: #2b2b2b; padding: 30px; color: #ffffff; }

footer a { color: #ffffff; }

footer a:hover, footer a:focus { color: #b4ca73; }

input, button, textarea { font-family: "Inconsolata", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 100%; border: 2px solid #2b2b2b; background-color: #f6f4ed; box-shadow: none; padding: 5px; }

input:focus, button:focus, textarea:focus { outline: none; }

input { margin: 0 0 10px; }

textarea { min-height: 250px; resize: vertical; }

button { cursor: pointer; font-weight: 500; margin-top: 10px; align-self: flex-end; }

.heading-card { margin: 0 auto; border: 1px solid #000000; max-width: 480px; background-color: #ffffff; box-shadow: -0.6rem 0.6rem 0 #d3c9a9; }

.heading-card-header { text-align: center; padding: 8px; font-size: 14px; font-weight: 700; border-bottom: 1px solid #000000; }

.contact-body { display: flex; flex-direction: column; padding: 20px; }

.contact__message { margin-top: 10px; }

.list-item { font-size: 22px !important; list-style-type: circle !important; }

.time { font-size: 40px; }

.language-html { color: #ffffff; }

.highlight pre { background-color: #1e1e1e; border-radius: 5px; }

.highlight .s { color: #9f5c24; }

/* Literal.String */
.highlight .na { color: #ebe7e3; }

/* Name.Attribute */
.highlight .nt { color: #b4ca73; font-weight: bold; }

/* Name.Tag */
.flexbox { display: flex; flex-direction: row; flex-wrap: wrap; padding: 5px; }

.flexbox .item { margin: 5px; border: 5px solid #ebebeb; }

@media (min-width: 840px) { .flexbox .item { width: 48%; } }

.flexbox .item img { width: 100%; display: block; }

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