.button {
  font-family: 'Tungsten A', 'Tungsten B', verdana, sans-serif;
  font-weight: 300;
  background-color: #b93c2f;
  border-radius: 5px;
  padding: 16px;
  padding: 1rem;
  margin-top: 16px;
  margin-top: 1rem;
  text-align: center;
  font-size: 1.6154rem;
  text-transform: uppercase;
  color: white;
  box-shadow: 1px 1px 5px #222222;
  line-height: 1rem;
  max-width: 100%; }

*, *::before, *::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.drip-tab-container {
  font-family: 'Archer A', 'Archer B', georgia, serif;
  font-weight: 500;
  font-style: normal; }

ul {
  padding-left: 0; }

h2, h3, p {
  line-height: 1.3em; }

figure, h1, h2, h3, h4, p, pre, li, body, ul, blockquote {
  font-family: 'Archer A', 'Archer B', georgia, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  color: #222222;
  margin: 0;
  font-style: normal; }

img {
  max-width: 100%; }

a {
  color: #3a99c7;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:visited {
  color: #76b8d8; }

#sharing {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1em; }
  #sharing iframe {
    padding: 0; }

p, li {
  line-height: 1.4em; }

figure, .highlight, ul, p, li, iframe {
  padding-top: 1rem; }

blockquote {
  margin: 2rem 0; }
  blockquote p {
    padding-left: 2rem;
    border-left: 2px solid #76b8d8;
    color: #286c8d; }

p:first-of-type, li:first-of-type {
  padding-top: 0; }

h2 + h2,
h2 + p,
h2 + li,
h2 + figure,
h2 + ul,
h2 + .highlight,
h2 + iframe {
  padding-top: 0; }

h3 {
  padding: 1rem 0; }

h3 + h3,
h3 + p,
h3 + li,
h3 + figure,
h3 + ul,
h3 + .highlight,
h3 + iframe {
  padding-top: 0; }

em {
  font-style: italic; }

h2 {
  font-family: 'Archer A', 'Archer B', georgia, serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.6154rem;
  padding: 1.6154rem 0;
  color: #286c8d; }

h3 {
  font-family: 'Archer A', 'Archer B', georgia, serif;
  font-weight: 800;
  font-style: normal;
  color: #b93c2f; }
  @media (min-width: 530px) {
    h3 {
      font-size: 1.6154rem; } }

ul, ol {
  padding-left: .5rem; }
  @media (min-width: 530px) {
    ul, ol {
      padding-left: 0; } }

ol > li > :first-child {
  font-family: 'Archer A', 'Archer B', georgia, serif;
  font-weight: 800;
  font-style: normal; }

@media (min-width: 530px) {
  p, li {
    font-size: 1.6154rem; }

  h2 {
    font-size: 2.6154rem; } }
header.banner {
  width: 100%;
  background-image: url("/static/images/old_mathematics.png"); }
  header.banner figure {
    padding: 1rem;
    text-align: center; }

.banner-title {
  font-family: 'Tungsten A', 'Tungsten B', verdana, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.6154rem;
  text-align: center;
  letter-spacing: .1em;
  padding-bottom: 2rem; }
  .banner-title a {
    color: #286c8d; }

.outer {
  padding-top: 2rem; }
  .outer form label, .outer form input {
    display: block; }
  .outer form label {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 800;
    font-style: normal;
    font-size: 1.6154rem;
    padding-bottom: .5rem; }
  .outer form input.email {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 500;
    font-style: normal;
    padding: .5rem;
    width: 100%;
    max-width: 30rem;
    font-size: 1.6154rem; }

.sketching.outer h3 {
  font-family: 'Tungsten A', 'Tungsten B', verdana, sans-serif;
  font-weight: 300;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.6154rem;
  color: #222222;
  padding-bottom: 1rem; }
.sketching.outer figure {
  max-width: 300px;
  margin: 0 auto; }
.sketching.outer figure {
  padding-bottom: 1rem; }
  .sketching.outer figure img {
    filter: drop-shadow(0px 2px 4px #222222); }
.sketching.outer p, .sketching.outer p:first-of-type {
  max-width: 40rem;
  margin: 1rem 0; }

.outer {
  padding-top: 2rem; }
  .outer form label, .outer form input {
    display: block; }
  .outer form label {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 800;
    font-style: normal;
    font-size: 1.6154rem;
    padding-bottom: .5rem; }
  .outer form input.email {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 500;
    font-style: normal;
    padding: .5rem;
    width: 100%;
    max-width: 30rem;
    font-size: 1.6154rem; }

.angular-escape.outer {
  display: flex; }
  .angular-escape.outer figure {
    flex: 0 1 auto;
    max-width: 100px;
    margin: 0 auto;
    padding-right: 1rem; }
  .angular-escape.outer form {
    flex: 1 1 auto; }

header {
  border-bottom: 1px solid #c7c8c9; }
  header h2 {
    font-size: 2.6154rem;
    font-family: 'Tungsten A', 'Tungsten B', verdana, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #286c8d;
    line-height: 1.1em; }
  header .byline {
    font-size: 1rem;
    padding-bottom: 2rem; }
    header .byline .follow {
      padding: 0; }
  header .tldr {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 500;
    font-style: italic;
    padding-top: 0; }
  @media (min-width: 530px) {
    header h2 {
      font-size: 4.2308rem; } }

article {
  max-width: 43rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 530px) {
    article {
      padding-left: 0;
      padding-right: 0; } }

.post {
  padding-top: 2rem; }

.sharing {
  padding: 1rem 0; }

.sharing iframe, .byline iframe {
  padding: 0; }

.newsletter-prompt {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #c7c8c9;
  display: flex; }
  .newsletter-prompt p {
    font-family: 'Archer A', 'Archer B', georgia, serif;
    font-weight: 800;
    font-style: normal; }
  .newsletter-prompt figure.rocket {
    max-width: 170px;
    padding-right: 2rem;
    padding-top: 0;
    flex: 1 1 0; }
  .newsletter-prompt > div {
    flex: 3 3 0; }
  .newsletter-prompt .cta {
    margin: 0 auto;
    padding: 1rem 0; }
    .newsletter-prompt .cta a {
      line-height: 1.1;
      display: inline-block;
      font-size: 1.6154rem; }
      @media (min-width: 530px) {
        .newsletter-prompt .cta a {
          font-size: 2.6154rem; } }
    .newsletter-prompt .cta a:visited {
      color: #f8f8f8; }

.fake-internet-pic {
  width: 20rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

ul > li {
  list-style: disc; }

figure {
  padding: 2rem 0; }

h3 {
  padding-top: 2rem; }

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