@import './fira/fira.css';

body {
    /* I like the way https://plfa.github.io/ looks, so I basically stole this magical incantation. */
    font:           400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    margin:         0;
	padding:        0;
	border:         0;
	vertical-align: baseline;
}

.remark-inline-code, .remark-code {
    font-family:  "Fira Mono";
    color:         #586e75;
    background:    #fdf6e3;
}

a .remark-inline-code {
    color: #268bd2;
}

.remark-inline-code {
    border:        1px solid #eee8d5;
    font-size:     0.9em;
    padding:       2px 5px 2px 5px;
    border-radius: 5px;
}

h1 .remark-inline-code, h2 .remark-inline-code, h3 .remark-inline-code {
    font-weight: normal;
}

.remark-code {
    border-radius: 5px;
    border:        1px solid #dfdedc;
    white-space:   pre-wrap;       /* CSS 3 */
    white-space:   -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space:   -pre-wrap;      /* Opera 4-6 */
    white-space:   -o-pre-wrap;    /* Opera 7 */
    word-wrap:     break-word;       /* Internet Explorer 5.5+ */
}

.remark-slide-content, .remark-slide-container {
    background: #ecf0f4;
}

.remark-slide-scaler {
    box-shadow: none;
}

h1, h2, h3, .section {
    color: #2980b9;
}

.super {
    vertical-align: super;
    font-size:      .5em;
}

.section {
    font-weight: bold;
}

.section::after {
    content: ":";
}

h2, h3 {
    border-bottom: 1px solid #2980b9;
}

a {
    color:           #2980b9;
    text-decoration: none;
}

blockquote {
  background:                 #f9f9f9;
  border-left:                10px solid #dfdedc;
  margin:                     1.5em 10px;
  padding:                    0.5em 10px;
  quotes:                     "\201C""\201D""\2018""\2019";
  color:                      #5f5e5c;
  border-top-right-radius:    5px;
  border-bottom-right-radius: 5px;
}

blockquote p {
  display: inline;
}

/* Comments tend to be huge - stack traces and compiler errors. This makes them more readable. */
.hljs-comment {
    font-size: .85em;
}