@font-face { font-family: Rubik; src: url(/assets/fonts/Rubik-VariableFont_wght.ttf); font-weight: 300 900; font-style: normal; }

@font-face { font-family: Rubik; src: url(/assets/fonts/Rubik-Italic-VariableFont_wght.ttf); font-weight: 300 900; font-style: italic; }

body { margin: 0; }

main, footer { max-width: 600px; margin: 0 auto; padding: 10px; }

header { margin: 0 auto; }

footer { font-size: 14px; padding-bottom: 10px; margin-top: 50px; }

footer a { text-decoration: none; }

/* Demo Videos */
video, img { display: block; margin: 0 auto; }

body { font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #111; background-color: #fdfdfd; }

header { font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 17px; padding-top: 10px; }

header.honcho { color: #fdfdfd; font-size: 18px; background-color: orangered; padding: 10px; }

header.honcho div { max-width: 600px; margin: 0 auto; text-align: left; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; flex-grow: 0; align-items: baseline; }

header.honcho div #about-link { font-size: 16px; }

header a { text-decoration: none; color: inherit; }

header a:visited { color: inherit; }

section article { padding-top: 12px; }

section article header { font-size: 16px; }

section article p { margin: 4px 0 12px 0; }

section article label { font-size: 14px; opacity: 0.9; background-color: orangered; color: #fdfdfd; padding: 1px 4px; border-radius: 2px; }

a { color: orangered; }

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