/*!
 *  Hack typeface https://github.com/source-foundry/Hack
 *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
 */
/* FONT PATHS
 * -------------------------- */
@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-regular.woff2?sha=e700a30') format('woff2'),
    url('fonts/hack-regular.woff?sha=e700a30') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bold.woff2?sha=e700a30') format('woff2'),
    url('fonts/hack-bold.woff?sha=e700a30') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-italic.woff2?sha=e700a30') format('woff2'),
    url('fonts/hack-italic.woff?sha=e700a30') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bolditalic.woff2?sha=e700a30') format('woff2'),
    url('fonts/hack-bolditalic.woff?sha=e700a30') format('woff');
  font-weight: 700;
  font-style: italic;
}

:root {
  --base-font-size: 25px;
}

h1 {
  margin-top: 0;
}

h1 code {
  font-size: 80%;
}

.footer {
  color: #ccc;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

li,
p {
  line-height: calc(var(--base-font-size) * 1.6);
}

pre {
  line-height: calc(var(--base-font-size) * 1.4);
}

.footer {
  position: absolute;
  bottom: 12px;
  left: 20px;
  font-size: calc(var(--base-font-size) * 0.75);
}

.remark-slide-content {
  font-size: var(--base-font-size);
}

p code,
li code {
  font-size: 85%;
}

.remark-code {
  font-size: calc(var(--base-font-size) * 0.9);
}

img {
  max-width: 100%;
}

body,
h1,
h2,
h3 {
  /* font-family: 'Hack', 'Avenir Next', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'メイリオ', sans-serif; */
  font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
    'Helvetica Neue', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
  font-weight: 300;
  letter-spacing: -0.1rem;
}
.remark-code,
.remark-inline-code {
  font-family: 'Hack', 'Menlo', 'Monaco', 'Courier new', monospace;
}

.remark-slide-content.inverse {
  color: #f3f3f3;
  background-color: #272822;
}

pre {
  overflow-x: scroll;
}

/* drop the borders */
.remark-slide-scaler {
  box-shadow: none;
}

.remark-container {
  background: white;
}

.remark-code-line-highlighted {
  background: #ccc;
}