html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre, code { font-family: monospace,monospace; font-size: 1em; }

a { -webkit-text-decoration-skip: objects; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

svg:not(:root) { overflow: hidden; }

button, input, select { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; text-transform: none; }

button, input { overflow: visible; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

*, *:after, *:before { box-sizing: inherit; }

html { box-sizing: border-box; font-size: 62.5%; }

body { color: #000; font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 1.6em; font-weight: 300; letter-spacing: .01em; line-height: 1.6; }

blockquote { border-left: 0.3rem solid #d1d1d1; margin-left: 0; margin-right: 0; padding: 1rem 1.5rem; }

blockquote *:last-child { margin-bottom: 0; }

.button, button, input[type='button'], input[type='reset'], input[type='submit'] { background-color: #0000EE; border: 0.1rem solid #0000EE; border-radius: .4rem; color: #fff; cursor: pointer; display: inline-block; font-size: 1.1rem; font-weight: 700; height: 3.8rem; letter-spacing: .1rem; line-height: 3.8rem; padding: 0 3.0rem; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap; }

.button:focus, .button:hover, button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover { background-color: #000; border-color: #000; color: #fff; outline: 0; }

.button[disabled], button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled] { cursor: default; opacity: .5; }

.button[disabled]:focus, .button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, input[type='button'][disabled]:focus, input[type='button'][disabled]:hover, input[type='reset'][disabled]:focus, input[type='reset'][disabled]:hover, input[type='submit'][disabled]:focus, input[type='submit'][disabled]:hover { background-color: #0000EE; border-color: #0000EE; }

.button.button-outline, button.button-outline, input.button-outline[type='button'], input.button-outline[type='reset'], input.button-outline[type='submit'] { background-color: transparent; color: #0000EE; }

.button.button-outline:focus, .button.button-outline:hover, button.button-outline:focus, button.button-outline:hover, input.button-outline[type='button']:focus, input.button-outline[type='button']:hover, input.button-outline[type='reset']:focus, input.button-outline[type='reset']:hover, input.button-outline[type='submit']:focus, input.button-outline[type='submit']:hover { background-color: transparent; border-color: #000; color: #000; }

.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, button.button-outline[disabled]:focus, button.button-outline[disabled]:hover, input.button-outline[type='button'][disabled]:focus, input.button-outline[type='button'][disabled]:hover, input.button-outline[type='reset'][disabled]:focus, input.button-outline[type='reset'][disabled]:hover, input.button-outline[type='submit'][disabled]:focus, input.button-outline[type='submit'][disabled]:hover { border-color: inherit; color: #0000EE; }

code { background: #f4f5f6; border-radius: .4rem; font-size: 86%; margin: 0 .2rem; padding: .2rem .5rem; white-space: nowrap; }

pre { background: #f4f5f6; border-left: 0.3rem solid #0000EE; overflow-y: hidden; }

pre > code { border-radius: 0; display: block; padding: 1rem 1.5rem; white-space: pre; }

hr { border: 0; border-top: 0.1rem solid #f4f5f6; margin: 3.0rem 0; }

input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='text'], input[type='url'], select { appearance: none; background-color: transparent; border: 0.1rem solid #d1d1d1; border-radius: .4rem; box-shadow: none; box-sizing: inherit; height: 3.8rem; padding: .6rem 1.0rem; width: 100%; }

input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='text']:focus, input[type='url']:focus, select:focus { border-color: #0000EE; outline: 0; }

select { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat; padding-right: 3.0rem; }

select:focus { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>'); }

label, legend { display: block; font-size: 1.6rem; font-weight: 700; margin-bottom: .5rem; }

.container { margin: 0 auto; max-width: 112.0rem; padding: 0 2.0rem; position: relative; width: 100%; }

.row { display: flex; flex-direction: column; padding: 0; width: 100%; }

.row .column { display: block; flex: 1 1 auto; margin-left: 0; max-width: 100%; width: 100%; }

.row .column.column-offset-25 { margin-left: 25%; }

.row .column.column-20 { flex: 0 0 20%; max-width: 20%; }

.row .column.column-25 { flex: 0 0 25%; max-width: 25%; }

.row .column.column-50 { flex: 0 0 50%; max-width: 50%; }

 .row .column.column-67 { flex: 0 0 66.6666%; max-width: 66.6666%; }

.row .column.column-75 { flex: 0 0 75%; max-width: 75%; }

@media (min-width: 40rem) { .row { flex-direction: row; margin-left: -1.0rem; width: calc(100% + 2.0rem); } .row .column { margin-bottom: inherit; padding: 0 1.0rem; } }

a { color: #0000EE; text-decoration: none; }

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

dl, ol, ul { list-style: none; margin-top: 0; padding-left: 0; }

dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul { font-size: 90%; margin: 1.5rem 0 1.5rem 3.0rem; }

ol { list-style: decimal inside; }

ul { list-style: circle inside; }

.button, button, li { margin-bottom: 1.0rem; }

 input, select { margin-bottom: 1.5rem; }

blockquote, dl, figure, form, ol, p, pre, table, ul { margin-bottom: 2.5rem; }

table { border-spacing: 0; width: 100%; }

td, th { border-bottom: 0.1rem solid #e1e1e1; padding: 1.2rem 1.5rem; text-align: left; }

td:first-child, th:first-child { padding-left: 0; }

td:last-child, th:last-child { padding-right: 0; }

b, strong { font-weight: bold; }

p { margin-top: 0; }

h1, h2, h3, h4, h5 { font-weight: 300; letter-spacing: -.1rem; margin-bottom: 2.0rem; margin-top: 0; }

h1 { font-size: 4.6rem; line-height: 1.2; }

h2 { font-size: 3.6rem; line-height: 1.25; }

h3 { font-size: 2.8rem; line-height: 1.3; }

h4 { font-size: 2.2rem; letter-spacing: -.08rem; line-height: 1.35; }

h5 { font-size: 1.8rem; letter-spacing: -.05rem; line-height: 1.5; }

img { max-width: 100%; }

a:visited { color: #551A8B; }

.button:visited { color: #FFF; }

ol { list-style: decimal outside; }

ul { list-style: square outside; }

code { margin: 0; }

.disabled { color: #999; }

html { height: 100%; width: 100%; }

pre > code { white-space: pre-wrap; overflow: auto; }

.button, button, li { margin-bottom: 0; }

.button, button { height: auto; }

@media screen and (max-width: 639px) { .column.column-collapsible { flex: 0 0 100% !important; max-width: 100% !important; } }

h1, h2, h3, h4, h5 { margin-bottom: 3.5rem; font-weight: 600; }

a:hover, a:focus { color: #6464ff; }

hr { border-top: 0.1rem solid black; }

@media (max-width: 639px) { .container { padding: 0 4rem; } }

@media (max-width: 544px) { .container { padding: 0 2rem; } }

@media (min-width: 639px) { .row { flex-direction: row; margin-left: -1.0rem; width: calc(100% + 2.0rem); } .row .column { margin-bottom: inherit; padding: 0 1.0rem; } }

p, li { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }

@media (min-width: 639px) { h1 { font-size: 5.0rem; } h2 { font-size: 4.2rem; } h3 { font-size: 3.6rem; } h4 { font-size: 3.0rem; } h5 { font-size: 2.4rem; } }

@media (max-width: 768px) { .visible-desktop { display: none !important; } .column-mobile-100 { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; } .margin-top-xl { margin-top: 2em; } }

@media (min-width: 768px) { .margin-top-xl { margin-top: 10em; } }

dl, ol, ul, code, p { font-size: 2.0rem; }

.container-narrow { max-width: 80rem; }

main { overflow: hidden; }

.sales-testimonials { background-color: #DDD; margin: 2em -100em; padding: 2em 100em; }

button.loading { background-color: #CCC; padding-right: 40px; border-color: #CCC; }

button.loading:after { content: ""; position: relative; display: inline-block; border-radius: 100%; left: 20px; top: 3px; width: 0px; height: 0px; margin-top: -2px; border: 2px solid rgba(255, 255, 255, 0.5); border-left-color: #FFF; border-top-color: #FFF; animation: spin .6s infinite linear, grow .3s forwards ease-out; }

@keyframes spin { to { transform: rotate(359deg); } }

@keyframes grow { to { width: 14px;
    height: 14px;
    margin-top: -8px;
    right: 13px; } }

header { padding: 2rem 1rem; margin-bottom: 7rem; }

.card { box-shadow: #ccc 2px 2px 10px 0px; border: 1px solid #bbb; background: #fff; padding: 2rem !important; margin-left: 1rem !important; }

.button-workshop { width: 100%; font-size: 3rem; padding: 3rem 3rem; }

@media screen and (max-width: 639px) { .button-workshop { font-size: 1.5rem; padding: 1.5rem; } }

.fancy-ruby { background-color: #eee; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ffffff' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E"); }

#big-black-bar { z-index: -100; background: black; position: fixed; height: 100%; width: 50%; left: 50%; top: 0%; overflow: hidden; height: 100vh; }

#big-black-bar img { position: absolute; top: 0; left: 0; }

.post { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; margin-top: 2rem; }

.post h1, .post h2, .post h3, .post h4, .post h5 { font-family: "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif; }

.post h2 { background: black; color: white; padding: 3.5rem 1rem; margin-left: -1rem; }

.post dl, .post ol, .post ul, .post code, .post p { font-size: 2.2rem; }

.post .highlight code { font-size: 1.4rem; }

.post p, .post pre, .post ul { margin-bottom: 3.5rem; }

@media screen and (max-width: 544px) { .post dl, .post ol, .post ul, .post code, .post p { font-size: 1.7rem; } .post p { hyphens: auto; } }

.post img { max-width: 100%; }

.post .sidenote, .post .marginnote { float: right; clear: right; margin-right: -50%; width: 43%; margin-top: 0rem; margin-bottom: 1.96rem; font-size: 0.65em; vertical-align: baseline; position: relative; text-indent: 0; }

.post .sidenote img, .post .marginnote img { height: auto; max-width: 100%; }

.post .sidenote-parens { display: none; }

.post blockquote p { margin-bottom: 0 !important; }

@media screen and (max-width: 639px) { .post .sidenote, .post .sidenote-number { display: none; } .post .sidenote-parens { display: inline; } .post .marginnote { width: auto; text-align: center; margin: 0; float: none; display: block; } .post .no-mobile { display: none; } }

@media screen and (min-width: 1500px) { .post .sidenote img, .post .marginnote img { max-width: 150%; } }

.mailchimp .email { font-size: 1.6rem; background: #FFF; width: 250px; }

div.innocuous { font-family: sans-serif; }

div.innocuous { border: 4px solid #333; padding: 2rem; position: fixed; max-width: 50rem; box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.15), 0 6px 6px rgba(0, 0, 0, 0.2); bottom: -4px; right: -4px; background-color: #fff; border-top-left-radius: 6px; display: none; }

a.innocuous-close { position: absolute; top: 2rem; right: 2rem; display: block; text-decoration: underline; font-weight: bold; letter-spacing: 1px; font-size: 1.2rem; text-transform: uppercase; color: #00e; }

div.innocuous h4 { margin: 0px; font-size: 2.2rem; margin-bottom: 1rem; color: #333; }

div.innocuous p { margin: 0px; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: .85rem; color: #333; font-family: sans-serif; }

div.innocuous form { font-size: 0rem; display: flex; width: 100%; margin: 0px; margin-bottom: 1rem; }

div.innocuous input[type='email'] { padding: .5rem; font-size: 1.1rem; flex-grow: 1; margin: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

div.innocuous input[type='submit'] { background-color: #0000EE; color: #fff; max-width: 10rem; letter-spacing: 1px; font-size: .9rem; border-color: #0000EE; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.summary { background: #dddddd; padding: 1rem; margin-bottom: 3.5rem; font-size: 2.2rem; }

.fader-fast { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

@media (max-width: 768px) { .visible-desktop { display: none !important; } .column-mobile-100 { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; } .margin-top-xl { margin-top: 2em; } }

@media (min-width: 768px) { .margin-top-xl { margin-top: 10em; } }

.resp-sharing-button__link, .resp-sharing-button__icon { display: inline-block; }

.resp-sharing-button__link { text-decoration: none; color: #fff; margin: 0.5em 0.5em 0.5em 0; }

.resp-sharing-button__link:hover, .resp-sharing-button__link:focus, .resp-sharing-button__link:visited { color: white; }

.resp-sharing-button { border-radius: 5px; transition: 25ms ease-out; padding: 0.5em 0.75em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

.resp-sharing-button__icon svg { width: 1.5rem; height: 1.5rem; margin-right: 1rem; position: relative; top: 0.2rem; }

.resp-sharing-button span { padding-left: 0.4em; }

/* Non solid icons get a stroke */
.resp-sharing-button__icon { stroke: #fff; fill: none; }

/* Solid icons get a fill */
.resp-sharing-button__icon--solid { fill: #fff; stroke: none; }

.resp-sharing-button--twitter { background-color: #55acee; }

.resp-sharing-button--twitter:hover { background-color: #2795e9; }

.resp-sharing-button--facebook { background-color: #3b5998; }

.resp-sharing-button--facebook:hover { background-color: #2d4373; }

.resp-sharing-button--reddit { background-color: #5f99cf; }

.resp-sharing-button--reddit:hover { background-color: #3a80c1; }

.resp-sharing-button--email { background-color: #777; }

.resp-sharing-button--email:hover { background-color: #5e5e5e; }

.resp-sharing-button--facebook { background-color: #3b5998; border-color: #3b5998; }

.resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #2d4373; }

.resp-sharing-button--twitter { background-color: #55acee; border-color: #55acee; }

.resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2795e9; }

.resp-sharing-button--email { background-color: #777777; border-color: #777777; }

.resp-sharing-button--email:hover, .resp-sharing-button--email:active { background-color: #5e5e5e; border-color: #5e5e5e; }

.resp-sharing-button--reddit { background-color: #5f99cf; border-color: #5f99cf; }

.resp-sharing-button--reddit:hover, .resp-sharing-button--reddit:active { background-color: #3a80c1; border-color: #3a80c1; }

/** Syntax highlighting styles */
.highlight { margin-bottom: 15px; background: #fffff8; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k, .highlight .o { font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .go { color: #888; }

.highlight .gt { color: #a00; }

.highlight .kc, .highlight .kd, .highlight .kp { font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

 .highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .w { color: #bbb; }

 .highlight .mi { color: #099; }

 .highlight .s2, .highlight .sh, .highlight .si, .highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

 .highlight .vi { color: #008080; }

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