@font-face {
    font-family: 'Junction';
    src: url('webfonts/junction-bold.eot');
    src: url('webfonts/junction-bold.eot?#iefix') format('embedded-opentype'),
         url('webfonts/junction-bold.woff') format('woff'),
         url('webfonts/junction-bold.ttf') format('truetype'),
         url('webfonts/junction-bold.svg#junctionbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Junction';
    src: url('webfonts/junction-light.eot');
    src: url('webfonts/junction-light.eot?#iefix') format('embedded-opentype'),
         url('webfonts/junction-light.woff') format('woff'),
         url('webfonts/junction-light.ttf') format('truetype'),
         url('webfonts/junction-light.svg#junctionlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Junction';
    src: url('webfonts/junction-regular.eot');
    src: url('webfonts/junction-regular.eot?#iefix') format('embedded-opentype'),
         url('webfonts/junction-regular.woff') format('woff'),
         url('webfonts/junction-regular.ttf') format('truetype'),
         url('webfonts/junction-regular.svg#junctionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
  font-family: 'Junction';
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 1.6;
  font-size: 24px;
  color: #bbb;
}

.remark-slide-content  {
  background-color: #333;
}

a {
  color: #fdaf39;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
a:hover:after,
a:active:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #fdaf39;
  position: absolute;
  width: 100%;
  bottom: 6px;
}

.title {
  font-size: 3rem;
}