@charset "UTF-8";

/* CSS Document */
body {
  padding: 2%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
  background-color: #222;
  color: #C7BFB1;
}

a {
  color: #af95c5;
}

a:visited {
  color: #a682e7;
}

em {
  color: #419dee;
  padding: 0 0;
  display: block;
}

p {}

hr {
  margin: 1em 0;
}

h2 {
  background-color: #5a4c4c;
  padding: 0.5em;
  color: #C7BFB1;
}

h3 {
  background: #b0b0db;
  padding: 0.5em;
}

p strong {
  color: #D2D2CE;
  font-size: 1.15em;
  display: block;
  padding: 0.5em 0;
}

.plain_menu {
  background-color: cadetblue;
  min-width: 3em;
  padding: .5em .5em;
  display: block;
  margin-bottom: .1em;
  margin-right: .5em;
  border: none;
  float: left;
  color: #FFF;
}

.lesson {
  display: block;
  clear: both;
  text-align: center;
  padding: 0.5em;
}

.month {
  background-color: #70a7e6;
  color: #1c1b19;
  ;
}

blockquote {
  margin: 0 0 0 .5em;
  font-style: italic;
}

@media only screen and (min-width : 1224px) {
  body {
    font-size: 1.2em;
  }
}