@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: local("Raleway Thin Italic"), local("Raleway-ThinItalic"), url(../fonts/raleway-thin-italic.ttf) format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: local("Raleway Italic"), local("Raleway-Italic"), url(../fonts/raleway-italic.ttf) format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"), url(../fonts/raleway-bold-italic.ttf) format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local("Raleway Thin"), local("Raleway-Thin"), url(../fonts/raleway-thin.ttf) format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(../fonts/raleway-regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local("Raleway Bold"), local("Raleway-Bold"), url(../fonts/raleway-bold.ttf) format("truetype"); }

body {
  font-family: Raleway, sans-serif; }

ul.falling {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 5vmin; }
  ul.falling > li {
    position: fixed;
    top: 0;
    left: 0;
    animation: falling 3s infinite forwards ease-in;
    transform: translate3d(-50%, -100%, 0);
    background: rgba(0, 0, 0, 0.1);
    padding: .25em 1em;
    border-radius: 2em; }
  ul.falling code {
    background: none; }

@keyframes falling {
  from {
    transform: translate3d(-50%, -100%, 0); }
  to {
    transform: translate3d(-50%, 100vh, 0); } }

body.talk-mode {
  overflow: hidden; }

code.hljs {
  background: rgba(0, 0, 0, 0.1);
  border-radius: .25em; }
  code.hljs > em > [class^=hljs-] {
    color: inherit; }
  pre > code.hljs {
    padding: .5em; }
  :not(pre) > code.hljs {
    display: inline-block;
    padding: .2em .35em;
    line-height: 1; }

pre {
  margin: .25em 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child {
  margin-top: 0; }

h1.invert, h2.invert, h3.invert, h4.invert {
  color: white;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: .025em #34383e; }

.center {
  text-align: center; }

.one-line {
  white-space: nowrap; }

.two-columns {
  display: flex; }
  .two-columns > * {
    margin: 0 .5em; }

.invisible {
  visibility: hidden; }

.our-header {
  border-left: #f60 solid 0.15em;
  padding: .5em;
  margin-bottom: .5em; }

.slide-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .slide-container:first-child {
    background: #f60;
    outline: 50vmin solid #f60;
    color: white;
    position: relative; }
    .slide-container:first-child::before {
      content: "";
      position: absolute;
      top: -15%;
      right: 0;
      bottom: -15%;
      left: 0;
      background: url("../img/logo-antreem-contour.svg") center/contain no-repeat; }
    .slide-container:first-child > div {
      position: relative; }
    .slide-container:first-child img {
      width: 25%;
      display: block;
      margin: 2rem auto; }
    .slide-container:first-child a {
      color: #fe6;
      text-shadow: 0 0 0.1em #f60; }

.link {
  display: block;
  padding: .25em .5em .25em 3.5em;
  background: .5em center/2.5em no-repeat;
  text-decoration: none; }
  .link.babel {
    background-color: #f5da55;
    background-image: url(../img/babel.svg);
    border-radius: .5em; }
  .link.npm {
    background-image: url(../img/npm.svg); }

.icon {
  height: 1.25em;
  width: 1.25em;
  vertical-align: middle; }

li > h4 {
  margin: 1em 0 0; }

.support {
  background-color: #e7f5fe;
  padding-top: .125em;
  border-radius: 0 0 .25em .25em;
  margin: 0 auto;
  border: .123em solid lightskyblue;
  border-spacing: .125em; }
  .support > caption {
    background-color: lightskyblue;
    border-radius: .333em .333em 0 0;
    font-size: 75%; }
  .support th > img {
    height: .75em; }
  .support td {
    background-color: white;
    padding: .1em;
    min-width: 2em;
    text-align: center;
    border-radius: .15em; }
  .support .ok {
    background-color: #c7f0c1; }
  .support .ko {
    background-color: #f0c1c1;
    background-image: linear-gradient(to bottom right, rgba(230, 100, 101, 0.2) 0, rgba(230, 100, 101, 0.2) 1px, transparent 1px, transparent 67px, rgba(230, 100, 101, 0.2) 67px, rgba(230, 100, 101, 0.2) 73px, transparent 73px, transparent 138px, rgba(230, 100, 101, 0.2) 138px, rgba(230, 100, 101, 0.2) 144px, transparent 144px), linear-gradient(to bottom left, rgba(230, 100, 101, 0.2) 0, rgba(230, 100, 101, 0.2) 1px, transparent 1px, transparent 67px, rgba(230, 100, 101, 0.2) 67px, rgba(230, 100, 101, 0.2) 73px, transparent 73px, transparent 138px, rgba(230, 100, 101, 0.2) 138px, rgba(230, 100, 101, 0.2) 144px, transparent 144px);
    background-size: 100px 100px,100px 100px;
    background-position: 50% 50%,50% 50%;
    background-repeat: no-repeat; }
    .support .ko::before {
      content: "\a0"; }

.simple-table {
  border-collapse: collapse; }
  .simple-table th, .simple-table td {
    padding: .25em .5em; }
    .simple-table th:not(:last-child), .simple-table td:not(:last-child) {
      border-right: .025em dotted; }
  .simple-table tr:not(:last-child) td, .simple-table tr:not(:last-child) th {
    border-bottom: .025em dotted; }
  .simple-table thead > tr:last-child > th {
    border-bottom: .1em solid; }
  .simple-table thead th:empty {
    border-right: .1em solid; }
  .simple-table tbody th:first-child {
    border-right: .1em solid; }

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