@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

@font-face {
  font-family: 'League Gothic';
  src: url("/assets/reveal.js/lib/font/league_gothic-webfont.eot");
  src: url("/assets/reveal.js/lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"),
       url("/assets/reveal.js/lib/font/league_gothic-webfont.woff") format("woff"),
       url("/assets/reveal.js/lib/font/league_gothic-webfont.ttf") format("truetype"),
       url("/assets/reveal.js/lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}

html, body {
  min-height: 100%;
}

body {
  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
  background-color: #1c1e20;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

h1 {
  text-shadow:
    0 1px 0 #cccccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbbbbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaaaaa,
    0 6px 1px rgba(0, 0, 0, 0.1),
    0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3),
    0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25),
    0 20px 20px rgba(0, 0, 0, 0.15);
}

.nobr {
    white-space: nowrap;
}

.jumbotron {
    text-align: center;
    margin-bottom: 0;
}

.col-md-4, .col-sm-6 {
    padding: 15px;
}

a.lesson {
    display: block;
    padding: 15px;
    background: rgba(255, 255, 255, .1);

    -webkit-border-radius: 2px;
            border-radius: 2px;
    background-clip: padding-box;

    -webkit-transition: background-color .15s ease, color .15s ease;
    -moz-transition: background-color .15s ease, color .15s ease;
    -ms-transition: background-color .15s ease, color .15s ease;
    -o-transition: background-color .15s ease, color .15s ease;
    transition: background-color .15s ease, color .15s ease;
}

a.lesson:hover, a.lesson:focus {
    background: rgba(255, 255, 255, .2);
    text-decoration: none;
}

a.lesson h1, a.lesson h2, a.lesson h3, a.lesson h4, a.lesson h5, a.lesson h6 {
    color: #eee;
}