/*
Table of Contents
=================
1. Typography
2. Color
3. Layout
*/

/* === Typography === */

@font-face {
    font-family:'LeagueSpartanBlack';
    src:
        url('/fontsLeagueSpartan-Black.woff2/') format('woff2'),
        url('/fonts/LeagueSpartan-Black.woff') format('woff');

    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family:'Prociono';
    src:
        url('/fonts/Prociono-Regular-webfont.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family:'Hack';
    src:
        url('/fonts/hack-regular.woff2/') format('woff2'),
        url('/fonts/hack-regular.woff') format('woff');

    font-weight: normal;
    font-style: normal;
}

* {
  font-family: 'Prociono', Georgia, serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
    font-family: 'LeagueSpartanBlack', sans-serif;
}


code,
pre {
    font-family: 'Hack', monospace;
}

h1 {
  font-size: 3.63rem;
}

h2 {
  font-size: 2.91rem;
}

h3 {
  font-size: 2.33rem;
}

h4 {
  font-size: 1.87rem;
}

h5 {
  font-size: 1.5rem;
}

p,
li,
blockquote {
  font-size: 1.5rem;
}

nav li {
    font-size: 1.5rem;
}

.footnum {
    font-size: 1rem;
}


/* === Color === */

body {
    background-color: #e6e6fa;
}

h1,
h2,
h3,
h4,
p,
li {
  color: #002b36;
}

.slide--green {
  background-color: #d9ead3;
}

.slide--red {
  background-color: #f4cccc;
}

.slide--blue {
  background-color: #cfe2f3;
}

.slide--yellow {
  background-color: #fff2cc;
}

.bordered-img {
  border: 1px solid #000000;
}

/* === Layout === */

nav>ul,
nav li {
    display: inline;
}


nav ul {
	text-align: center;
}


.footdef  {
    margin-bottom: 1em;
}

.footpara {
    display: inline;
}

.slide {
  margin-top: 2rem;
  padding: 1rem;
  border-radius: 25px;
}

.img-container img {
  width: 100%;
  height: auto;
}

.hanging-indent {
  text-indent: -2rem;
  margin-left: 2rem;
}

.iframe-container {
  position: relative;
  padding-bottom: 56.25%
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}