/*----------------------------------------------------------------------------*/
/* Fonts                                                                      */
/*----------------------------------------------------------------------------*/

@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/PTSerif-Regular.ttf');
}

@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/PTSerif-Italic.ttf');
}

@font-face {
  font-family: 'Open Sans Light';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/OpenSans-Light.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/OpenSans-Light.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-Light.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/OpenSans.eot');
  src: local('Open Sans'), local('OpenSans'),
    url('../fonts/OpenSans.eot') format('embedded-opentype'),
    url('../fonts/OpenSans.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/OpenSans-Semibold.eot');
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
    url('../fonts/OpenSans-Semibold.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-Semibold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
    url('../fonts/OpenSansLight-Italic.eot') format('embedded-opentype'),
    url('../fonts/OpenSansLight-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/OpenSans-Italic.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'),
    url('../fonts/OpenSans-SemiboldItalic.eot') format('embedded-opentype'),
    url('../fonts/OpenSans-SemiboldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Droid Sans Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/DroidSansMono.eot');
  src: local('Droid Sans Mono'), local('DroidSansMono'),
    url('../fonts/DroidSansMono.eot') format('embedded-opentype'),
    url('../fonts/DroidSansMono.woff') format('woff');
}

/*----------------------------------------------------------------------------*/
/* Main                                                                       */
/*----------------------------------------------------------------------------*/

body {
  font-family: 'Open Sans';
  font-weight: 400;
}

.content blockquote {
  font-family: 'PT Sans', serif;
  font-style: italic;
}

.subtitle-9043c {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin-top: 2rem;
}

.subtitle-9043c p {
  margin: 1rem 0;
}

.hero-title-4d96c {
  font-size: 5rem;
  font-family: 'Open Sans Light';
  font-weight: 300;
}

.cljs-logo-f5379 {
  display: inline-block;
  height: 100px;
  margin-right: 1rem;
  vertical-align: middle;
}

.mobile-logo-1a131 {
  display: none;
}

.blurb-65fe8 {
  color: grey;
  font-family: 'PT Serif', serif;
}

.discord-btn-b6325 {
  height: 50px;
  margin-top: -8px;
  vertical-align: middle;
}

#instructor blockquote {
  background-color: #ececec;
}

/*----------------------------------------------------------------------------*/
/* Mobile                                                                     */
/*----------------------------------------------------------------------------*/

@media all and (max-width: 768px) {
  .hero-title-4d96c {
    text-align: center;
    font-size: 2.5rem;
  }

  .cljs-logo-f5379 {
    display: none;
  }

  .mobile-logo-1a131 {
    display: block;
    text-align: center;
  }

  .cljs-logo-mobile-7d8df {
    display: inline-block;
    height: 50px;
  }
}