/*
 Theme Name:   WP Bootstrap Starter Child Theme
 description: >-
   A child theme of the WP Bootstrap Starter WordPress theme
 Author:       Christopher Griffith
 Template:     wp-bootstrap-starter
 Version:      1.0.0
*/

@import url("https://use.typekit.net/euz1mlq.css");
@import url("https://use.typekit.net/ryg8koe.css");

/**
 * 0.0 - Global
 */

#bitnami-banner {display:none;}

* {
  font-family: myriad-pro-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
  /*text-transform: uppercase;*/
}

em {
  font-style: italic;
}

/**
 * 1.0 - Dashboard
 */

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 67px;
  font-size: 1.5rem;
}

/*
 * Typography
 */

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

/*
 * Dashboard
 */

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}


/**
 * 2.0 - Style
 */

html {
  position: relative;
  min-height: 100%;
  background: #f8f9fa;
}

body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  background: #f8f9fa;
}

nav img {
  height: 45px;
}

a, a:hover {
  color: #868e96;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .2em solid;
  border-right: .2em solid transparent;
  border-bottom: 0;
  border-left: .2em solid transparent;
}

.dropdown-menu .dropdown-item {
    white-space: normal;
    font-size: 1.25rem;
}

nav.navbar .btn-group-sm>.btn, .btn-sm {
    font-size: 1.1rem;
}

/* SIDEBAR */

#sidebar {
    background: #f8f9fa;
    /*max-width: 250px;*/
}

ul.lesson, ul.activity {
  list-style: none;
}

a.active {
  font-weight: 700;
}

#sidebar .nav-link[data-toggle].collapsed:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
}
#sidebar .nav-link[data-toggle]:not(.collapsed):after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-bottom: .2em solid;
    border-right: .2em solid transparent;
    border-top: 0;
    border-left: .2em solid transparent;
}

#sidebar .card {
    margin-top: 25px;
}

/*@media (max-width: 1540px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}*/

/* BREADCRUMB */

.breadcrumb {
    width: 100%;
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #65696f;
    color: #8a8e91;
    font-size: 1.25rem;
}

.breadcrumb a {
    color: #afb1b3;
}

@media (max-width: 768px) {
  .breadcrumb {
      margin-top: -2px;
  }
}

@media (max-width: 425px) {
  .breadcrumb {
      margin-top: -3px;
  }
}


/* FOOTER */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f8f9fa;
  padding-left: 15px;
  border-top: solid 2px #f5f5f5;
}

/* CONTENT */

.box {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;  
}

.box a {
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-top: 25%;
    padding-bottom: 25%;
    width: 100%;
    line-height: 5rem;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    font-size: 3rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.box a span {
    display: block;
    font-size: 7.5rem;
    font-weight: 700;
}

#level-4-1 span, #level-4-2 span, #level-4-3 span, #level-4-4 span, #level-4-5 span, #level-4-6 span, #level-4-7 span, #level-4-8 span, #level-4-9 span, #level-4-10 span, #level-4-11 span, #level-4-12 span, #level-4-13 span, #level-4-14 span, #level-4-15 span, #level-4-16 span, #level-4-17 span, #level-4-18 span, #level-4-19 span, #level-4-20 span, #level-4-21 span, #level-4-22 span, #level-5-1 span, #level-5-2 span, #level-5-3 span, #level-5-4 span, #level-5-5 span, #level-5-6 span, #level-5-7 span, #level-5-8 span, #level-5-9 span, #level-5-10 span, #level-5-11 span, #level-5-12 span, #level-5-13 span, #level-5-14 span, #level-5-15 span, #level-5-16 span, #level-5-17 span, #level-5-18 span, #level-5-19 span, #level-5-20 span, #level-5-21 span, #level-5-22 span, #level-6-1 span, #level-6-2 span, #level-6-3 span, #level-6-4 span, #level-6-5 span, #level-6-6 span, #level-6-7 span, #level-6-8 span, #level-6-9 span, #level-6-10 span, #level-6-11 span, #level-6-12 span, #level-6-13 span, #level-6-14 span, #level-6-15 span, #level-6-16 span, #level-6-17 span, #level-6-18 span, #level-6-19 span, #level-6-20 span, #level-6-21 span, #level-6-22 span {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

#level-7-1 span, #level-7-2 span, #level-7-3 span, #level-7-4 span, #level-7-5 span, #level-7-6 span, #level-7-7 span, #level-7-8 span, #level-7-9 span, #level-7-10 span, #level-7-11 span, #level-7-12 span, #level-7-13 span, #level-7-14 span, #level-7-15 span, #level-7-16 span, #level-7-17 span, #level-7-18 span, #level-7-19 span, #level-7-20 span, #level-7-21 span, #level-7-22 span, #level-8-1 span, #level-8-2 span, #level-8-3 span, #level-8-4 span, #level-8-5 span, #level-8-6 span, #level-8-7 span, #level-8-8 span, #level-8-9 span, #level-8-10 span, #level-8-11 span, #level-8-12 span, #level-8-13 span, #level-8-14 span, #level-8-15 span, #level-8-16 span, #level-8-17 span, #level-8-18 span, #level-8-19 span, #level-8-20 span, #level-8-21 span, #level-8-22 span, #level-9-1 span, #level-9-2 span, #level-9-3 span, #level-9-4 span, #level-9-5 span, #level-9-6 span, #level-9-7 span, #level-9-8 span, #level-9-9 span, #level-9-10 span, #level-9-11 span, #level-9-12 span, #level-9-13 span, #level-9-14 span, #level-9-15 span, #level-9-16 span, #level-9-17 span, #level-9-18 span, #level-9-19 span, #level-9-20 span, #level-9-21 span, #level-9-22 span, #level-10-1 span, #level-10-2 span, #level-10-3 span, #level-10-4 span, #level-10-5 span, #level-10-6 span, #level-10-7 span, #level-10-8 span, #level-10-9 span, #level-10-10 span, #level-10-11 span, #level-10-12 span, #level-10-13 span, #level-10-14 span, #level-10-15 span, #level-10-16 span, #level-10-17 span, #level-10-18 span, #level-10-19 span, #level-10-20 span, #level-10-21 span, #level-10-22 span, #level-11-1 span, #level-11-2 span, #level-11-3 span, #level-11-4 span, #level-11-5 span, #level-11-6 span, #level-11-7 span, #level-11-8 span, #level-11-9 span, #level-11-10 span, #level-11-11 span, #level-11-12 span, #level-11-13 span, #level-11-14 span, #level-11-15 span, #level-11-16 span, #level-11-17 span, #level-11-18 span, #level-11-19 span, #level-11-20 span, #level-11-21 span, #level-11-22 span, #level-12-1 span, #level-12-2 span, #level-12-3 span, #level-12-4 span, #level-12-5 span, #level-12-6 span, #level-12-7 span, #level-12-8 span, #level-12-9 span, #level-12-10 span, #level-12-11 span, #level-12-12 span, #level-12-13 span, #level-12-14 span, #level-12-15 span, #level-12-16 span, #level-12-17 span, #level-12-18 span, #level-12-19 span, #level-12-20 span, #level-12-21 span, #level-12-22 span {
  font-family: lithos-pro, sans-serif;
  font-weight: 700;
}

#gyv div.level-group {
  background-color: #fec70b;
  color: #000;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  font-size: 70%;
  padding: 15px;
}

#gyv span.level {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

#gyv span.number {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

#gyv-four {
  border: solid 5px #727933;
}

#gyv-five {
  border: solid 5px #e1801b;
}

#gyv-six {
  border: solid 5px #3360ad;
}

#vlgr div.level-group {
  background-color: #4E4D50;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  margin: 0 auto;
  font-size: 70%;
  padding: 15px;
}

#vlgr span.level {
  font-family: lithos-pro, sans-serif;
  font-weight: 700;
}

#vlgr span.number {
  font-family: lithos-pro, sans-serif;
  font-weight: 700;
}

div.level-group span.level {
  font-size: 1em;
}

#vlgr div.level-group span.number {
  font-size: 2em;
  font-family: lithos-pro, sans-serif;
  font-weight: 700;
}

#gyv div.level-group span.number {
  font-size: 2.5em;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

div.level-group span.level #gyv-four, div.level-group span.level #gyv-five, div.level-group span.level #gyv-six {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

div.level-group span.number span.level #gyv-four, div.level-group span.number span.level #gyv-five, div.level-group span.number span.level #gyv-six {
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

div.level-group span.level #vlgr-four, div.level-group span.level #vlgr-five, div.level-group span.level #vlgr-six {
  font-family: lithos-pro, sans-serif;
  font-weight: 900;
}

div.level-group span.number span.level #vlgr-four, div.level-group span.number span.level #vlgr-five, div.level-group span.number span.level #vlgr-six {
  font-family: lithos-pro, sans-serif;
  font-weight: 900;
}

@media (max-width: 992px) {
    .box a{
      padding-top: 5%;
      padding-bottom: 5%;
      font-size: 3em;
      line-height: 4rem;
    }
    .box a span {
      font-size: 6rem;
    }
    div.level-group span.number {
      margin-top: 17px;
      }
}

@media (min-width: 992px) {
    div.level-group span.number {
      margin-top: -17px;
    }
}

/**
 * 3.0 - Home
 */

 #growing-your-vocabulary {
  background-color: #c8d6bb;
  background-image: url('/wp-content/uploads/2018/08/green.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1%;
  padding-bottom: 1%;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
  font-size: 2em;
 }

 #growing-your-vocabulary:hover {
  background-image: url('/wp-content/uploads/2018/08/green.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
 }

 #vocabulary-from-latin-and-greek-roots {
  background-color: #dfcde2;
  background-image: url('/wp-content/uploads/2018/08/purple.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1%;
  padding-bottom: 1%;
  font-family: lithos-pro, sans-serif;
  font-size: 2em;
 }

 #vocabulary-from-latin-and-greek-roots:hover {
  background-image: url('/wp-content/uploads/2018/08/purple.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
 }

 #four {
  background-color: rgba(239,239,217, 0.5);
  background-image: url('/wp-content/uploads/2018/08/4.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
#four:hover {
  background-image: url('/wp-content/uploads/2018/08/4.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#five {
  background-color: rgba(254,227,188, 0.5);
  background-image: url('/wp-content/uploads/2018/08/5.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
#five:hover {
  background-image: url('/wp-content/uploads/2018/08/5.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#six {
  background-color: rgba(197,213,234, 0.5);
  background-image: url('/wp-content/uploads/2018/08/6.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
#six:hover {
  background-image: url('/wp-content/uploads/2018/08/6.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#seven {
  background-color: rgba(157,135,189, 0.5);
  background-image: url('/wp-content/uploads/2018/08/7.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#seven:hover {
  background-image: url('/wp-content/uploads/2018/08/7.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#eight {
  background-color: rgba(249,188,131, 0.5);
  background-image: url('/wp-content/uploads/2018/08/8.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#eight:hover {
  background-image: url('/wp-content/uploads/2018/08/8.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#nine {
  background-color: rgba(196,168,127, 0.5);
  background-image: url('/wp-content/uploads/2018/08/9.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#nine:hover {
  background-image: url('/wp-content/uploads/2018/08/9.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#ten {
  background-color: rgba(249,186,59, 0.5);
  background-image: url('/wp-content/uploads/2018/08/10.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#ten:hover {
  background-image: url('/wp-content/uploads/2018/08/10.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#eleven {
  background-color: rgba(123,147,191, 0.5);
  background-image: url('/wp-content/uploads/2018/08/11.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#eleven:hover {
  background-image: url('/wp-content/uploads/2018/08/11.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}


#twelve {
  background-color: rgba(114,186,150, 0.5);
  background-image: url('/wp-content/uploads/2018/08/12.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #fff;
  font-family: lithos-pro, sans-serif;
}
#twelve:hover {
  background-image: url('/wp-content/uploads/2018/08/12.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}

@media (min-width: 767px) {
  img.logo {
    max-width: 550px;
  }

  img.book {
    max-width: 600px;
  }
}


/**
 * 4.0 - Level
 */

.content #level-4-1, .content #level-4-6, .content #level-4-11, .content #level-4-16, .content #level-4-21 {
  background: rgba(239,239,217, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-1:hover, .content #level-4-6:hover, .content #level-4-11:hover, .content #level-4-16:hover, .content #level-4-21:hover {
  background: rgba(239,239,217, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-4-2, .content #level-4-7, .content #level-4-12, .content #level-4-17 {
  background: rgba(204,204,153, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-2:hover, .content #level-4-7:hover, .content #level-4-12:hover, .content #level-4-17:hover {
  background: rgba(204,204,153, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-3, .content #level-4-8, .content #level-4-13, .content #level-4-18 {
  background: rgba(175,175,58, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-3:hover, .content #level-4-8:hover, .content #level-4-13:hover, .content #level-4-18:hover {
  background: rgba(175,175,58, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-4, .content #level-4-9, .content #level-4-14, .content #level-4-19 {
  background: rgba(234,234,148, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-4:hover, .content #level-4-9:hover, .content #level-4-14:hover, .content #level-4-19:hover {
  background: rgba(234,234,148, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-5, .content #level-4-10, .content #level-4-15, .content #level-4-20 {
  background: rgba(238,238,100, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-5:hover, .content #level-4-10:hover, .content #level-4-15:hover, .content #level-4-20:hover {
  background: rgba(238,238,100, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1, .content #level-5-6, .content #level-5-11, .content #level-5-16, .content #level-5-21 {
  background: rgba(254,227,188, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-1:hover, .content #level-5-6:hover, .content #level-5-11:hover, .content #level-5-16:hover, .content #level-5-21:hover {
  background: rgba(254,227,188, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-5-2, .content #level-5-7, .content #level-5-12, .content #level-5-17 {
  background: rgba(204,153,153, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-2:hover, .content #level-5-7:hover, .content #level-5-12:hover, .content #level-5-17:hover {
  background: rgba(204,153,153, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-3, .content #level-5-8, .content #level-5-13, .content #level-5-18 {
  background: rgba(226,173,97, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-3:hover, .content #level-5-8:hover, .content #level-5-13:hover, .content #level-5-18:hover {
  background: rgba(226,173,97, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-4, .content #level-5-9, .content #level-5-14, .content #level-5-19 {
  background: rgba(248,171,59, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-4:hover, .content #level-5-9:hover, .content #level-5-14:hover, .content #level-5-19:hover {
  background: rgba(248,171,59, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-5, .content #level-5-10, .content #level-5-15, .content #level-5-20 {
  background: rgba(241,195,129, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-5:hover, .content #level-5-10:hover, .content #level-5-15:hover, .content #level-5-20:hover {
  background: rgba(241,195,129, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1, .content #level-6-6, .content #level-6-11, .content #level-6-16, .content #level-6-21 {
  background: rgba(197,213,234, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-1:hover, .content #level-6-6:hover, .content #level-6-11:hover, .content #level-6-16:hover, .content #level-6-21:hover {
  background: rgba(197,213,234, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-6-2, .content #level-6-7, .content #level-6-12, .content #level-6-17 {
  background: rgba(138,177,228, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-2:hover, .content #level-6-7:hover, .content #level-6-12:hover, .content #level-6-17:hover {
  background: rgba(138,177,228, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-3, .content #level-6-8, .content #level-6-13, .content #level-6-18 {
  background: rgba(167,190,219, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-3:hover, .content #level-6-8:hover, .content #level-6-13:hover, .content #level-6-18:hover {
  background: rgba(167,190,219, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-4, .content #level-6-9, .content #level-6-14, .content #level-6-19 {
  background: rgba(175,197,226, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-4:hover, .content #level-6-9:hover, .content #level-6-14:hover, .content #level-6-19:hover {
  background: rgba(175,197,226, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-5, .content #level-6-10, .content #level-6-15, .content #level-6-20 {
  background: rgba(74,130,203, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-5:hover, .content #level-6-10:hover, .content #level-6-15:hover, .content #level-6-20:hover {
  background: rgba(74,130,203, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1, .content #level-7-6, .content #level-7-11, .content #level-7-16, .content #level-7-21 {
  background: rgba(157,135,189, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-1:hover, .content #level-7-6:hover, .content #level-7-11:hover, .content #level-7-16:hover, .content #level-7-21:hover {
  background: rgba(157,135,189, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-7-2, .content #level-7-7, .content #level-7-12, .content #level-7-17 {
  background: rgba(192,166,229, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-2:hover, .content #level-7-7:hover, .content #level-7-12:hover, .content #level-7-17:hover {
  background: rgba(192,166,229, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-3, .content #level-7-8, .content #level-7-13, .content #level-7-18 {
  background: rgba(181,140,242, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-3:hover, .content #level-7-8:hover, .content #level-7-13:hover, .content #level-7-18:hover {
  background: rgba(181,140,242, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-4, .content #level-7-9, .content #level-7-14, .content #level-7-19 {
   background: rgba(202,183,229, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-7-4:hover, .content #level-7-9:hover, .content #level-7-14:hover, .content #level-7-19:hover {
  background: rgba(202,183,229, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-5, .content #level-7-10, .content #level-7-15, .content #level-7-20 {
  background: rgba(145,106,202, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-5:hover, .content #level-7-10:hover, .content #level-7-15:hover, .content #level-7-20:hover {
  background: rgba(145,106,202, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1, .content #level-8-6, .content #level-8-11, .content #level-8-16, .content #level-8-21 {
  background: rgba(249,188,131, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-1:hover, .content #level-8-6:hover, .content #level-8-11:hover, .content #level-8-16:hover, .content #level-8-21:hover {
  background: rgba(249,188,131, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-2, .content #level-8-7, .content #level-8-12, .content #level-8-17 {
  background: rgba(226,190,156, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-2:hover, .content #level-8-7:hover, .content #level-8-12:hover, .content #level-8-17:hover {
  background: rgba(226,190,156, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-3, .content #level-8-8, .content #level-8-13, .content #level-8-18 {
  background: rgba(246,163,85, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-3:hover, .content #level-8-8:hover, .content #level-8-13:hover, .content #level-8-18:hover {
  background: rgba(246,163,85, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-4, .content #level-8-9, .content #level-8-14, .content #level-8-19 {
   background: rgba(220,169,122, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-8-4:hover, .content #level-8-9:hover, .content #level-8-14:hover, .content #level-8-19:hover {
  background: rgba(220,169,122, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-5, .content #level-8-10, .content #level-8-15, .content #level-8-20 {
  background: rgba(211,123,41, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-5:hover, .content #level-8-10:hover, .content #level-8-15:hover, .content #level-8-20:hover {
  background: rgba(211,123,41, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1, .content #level-9-6, .content #level-9-11, .content #level-9-16, .content #level-9-21 {
  background: rgba(196,168,127, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-1:hover, .content #level-9-6:hover, .content #level-9-11:hover, .content #level-9-16:hover, .content #level-9-21:hover {
  background: rgba(196,168,127, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-9-2, .content #level-9-7, .content #level-9-12, .content #level-9-17 {
  background: rgba(173,152,122, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-2:hover, .content #level-9-7:hover, .content #level-9-12:hover, .content #level-9-17:hover {
  background: rgba(173,152,122, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-3, .content #level-9-8, .content #level-9-13, .content #level-9-18 {
  background: rgba(180,128,52, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-3:hover, .content #level-9-8:hover, .content #level-9-13:hover, .content #level-9-18:hover {
  background: rgba(180,128,52, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-4, .content #level-9-9, .content #level-9-14, .content #level-9-19 {
   background: rgba(213,175,119, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-9-4:hover, .content #level-9-9:hover, .content #level-9-14:hover, .content #level-9-19:hover {
  background: rgba(213,175,119, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-5, .content #level-9-10, .content #level-9-15, .content #level-9-20 {
  background: rgba(203,158,93, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-5:hover, .content #level-9-10:hover, .content #level-9-15:hover, .content #level-9-20:hover {
  background: rgba(203,158,93, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1, .content #level-10-6, .content #level-10-11, .content #level-10-16, .content #level-10-21 {
  background: rgba(249,186,59, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-1:hover, .content #level-10-6:hover, .content #level-10-11:hover, .content #level-10-16:hover, .content #level-10-21:hover {
  background: rgba(249,186,59, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-10-2, .content #level-10-7, .content #level-10-12, .content #level-10-17 {
  background: rgba(225,163,37, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-2:hover, .content #level-10-7:hover, .content #level-10-12:hover, .content #level-10-17:hover {
  background: rgba(225,163,37, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-3, .content #level-10-8, .content #level-10-13, .content #level-10-18 {
  background: rgba(213,177,104, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-3:hover, .content #level-10-8:hover, .content #level-10-13:hover, .content #level-10-18:hover {
  background: rgba(213,177,104, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-4, .content #level-10-9, .content #level-10-14, .content #level-10-19 {
   background: rgba(141,105,31, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-10-4:hover, .content #level-10-9:hover, .content #level-10-14:hover, .content #level-10-19:hover {
  background: rgba(141,105,31, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-5, .content #level-10-10, .content #level-10-15, .content #level-10-20 {
  background: rgba(231,178,71, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-5:hover, .content #level-10-10:hover, .content #level-10-15:hover, .content #level-10-20:hover {
  background: rgba(231,178,71, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1, .content #level-11-6, .content #level-11-11, .content #level-11-16, .content #level-11-21 {
  background: rgba(123,147,191, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-1:hover, .content #level-11-6:hover, .content #level-11-11:hover, .content #level-11-16:hover, .content #level-11-21:hover {
  background: rgba(123,147,191, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-11-2, .content #level-11-7, .content #level-11-12, .content #level-11-17 {
  background: rgba(114,149,214, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-2:hover, .content #level-11-7:hover, .content #level-11-12:hover, .content #level-11-17:hover {
  background: rgba(114,149,214, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-3, .content #level-11-8, .content #level-11-13, .content #level-11-18 {
  background: rgba(50,112,225, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-3:hover, .content #level-11-8:hover, .content #level-11-13:hover, .content #level-11-18:hover {
  background: rgba(50,112,225, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-4, .content #level-11-9, .content #level-11-14, .content #level-11-19 {
   background: rgba(80,106,154, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-11-4:hover, .content #level-11-9:hover, .content #level-11-14:hover, .content #level-11-19:hover {
  background: rgba(80,106,154, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-5, .content #level-11-10, .content #level-11-15, .content #level-11-20 {
  background: rgba(127,168,242, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-5:hover, .content #level-11-10:hover, .content #level-11-15:hover, .content #level-11-20:hover {
  background: rgba(127,168,242, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1, .content #level-12-6, .content #level-12-11, .content #level-12-16, .content #level-12-21 {
  background: rgba(114,186,150, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-1:hover, .content #level-12-6:hover, .content #level-12-11:hover, .content #level-12-16:hover, .content #level-12-21:hover {
  background: rgba(114,186,150, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content  #level-12-2, .content #level-12-7, .content #level-12-12, .content #level-12-17 {
  background: rgba(37,212,125, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-2:hover, .content #level-12-7:hover, .content #level-12-12:hover, .content #level-12-17:hover {
  background: rgba(37,212,125, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-3, .content #level-12-8, .content #level-12-13, .content #level-12-18 {
  background: rgba(93,189,141, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-3:hover, .content #level-12-8:hover, .content #level-12-13:hover, .content #level-12-18:hover {
  background: rgba(93,189,141, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-4, .content #level-12-9, .content #level-12-14, .content #level-12-19 {
   background: rgba(114,231,173, 1); 
   background-image: url('');
   background-repeat: no-repeat;
   background-size: cover;
   font-family: lithos-pro, sans-serif;
}
.content #level-12-4:hover, .content #level-12-9:hover, .content #level-12-14:hover, .content #level-12-19:hover {
  background: rgba(114,231,173, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-5, .content #level-12-10, .content #level-12-15, .content #level-12-20 {
  background: rgba(55,153,104, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-5:hover, .content #level-12-10:hover, .content #level-12-15:hover, .content #level-12-20:hover {
  background: rgba(55,153,104, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}


 /**
 * 5.0 - Lesson
 */

.content a#level-4-1-learn, .content a#level-4-2-learn, .content a#level-4-3-learn, .content a#level-4-4-learn, .content a#level-4-5-learn, .content a#level-4-6-learn, .content a#level-4-7-learn, .content a#level-4-8-learn, .content a#level-4-9-learn, .content a#level-4-10-learn, .content a#level-4-11-learn, .content a#level-4-12-learn, .content a#level-4-13-learn, .content a#level-4-14-learn, .content a#level-4-15-learn, .content a#level-4-16-learn, .content a#level-4-17-learn, .content a#level-4-18-learn, .content a#level-4-19-learn, .content a#level-4-20-learn, .content a#level-4-21-learn {
  background: rgba(239,239,217, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content a#level-4-1-learn:hover, .content a#level-4-2-learn:hover, .content a#level-4-3-learn:hover, .content a#level-4-4-learn:hover, .content a#level-4-5-learn:hover, .content a#level-4-6-learn:hover, .content a#level-4-7-learn:hover, .content a#level-4-8-learn:hover, .content a#level-4-9-learn:hover, .content a#level-4-10-learn:hover, .content a#level-4-11-learn:hover, .content a#level-4-12-learn:hover, .content a#level-4-13-learn:hover, .content a#level-4-14-learn:hover, .content a#level-4-15-learn:hover, .content a#level-4-16-learn:hover, .content a#level-4-17-learn:hover, .content a#level-4-18-learn:hover, .content a#level-4-19-learn:hover, .content a#level-4-20-learn:hover, .content a#level-4-21-learn:hover {
  background: rgba(239,239,217, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-1-flashcards, .content #level-4-2-flashcards, .content #level-4-3-flashcards, .content #level-4-4-flashcards, .content #level-4-5-flashcards, .content #level-4-6-flashcards, .content #level-4-7-flashcards, .content #level-4-8-flashcards, .content #level-4-9-flashcards, .content #level-4-10-flashcards, .content #level-4-11-flashcards, .content #level-4-12-flashcards, .content #level-4-13-flashcards, .content #level-4-14-flashcards, .content #level-4-15-flashcards, .content #level-4-16-flashcards, .content #level-4-17-flashcards, .content #level-4-18-flashcards, .content #level-4-19-flashcards, .content #level-4-20-flashcards, .content #level-4-21-flashcards {
  background: rgba(204,204,153, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-4-1-flashcards:hover, .content #level-4-2-flashcards:hover, .content #level-4-3-flashcards:hover, .content #level-4-4-flashcards:hover, .content #level-4-5-flashcards:hover, .content #level-4-6-flashcards:hover, .content #level-4-7-flashcards:hover, .content #level-4-8-flashcards:hover, .content #level-4-9-flashcards:hover, .content #level-4-10-flashcards:hover, .content #level-4-11-flashcards:hover, .content #level-4-12-flashcards:hover, .content #level-4-13-flashcards:hover, .content #level-4-14-flashcards:hover, .content #level-4-15-flashcards:hover, .content #level-4-16-flashcards:hover, .content #level-4-17-flashcards:hover, .content #level-4-18-flashcards:hover, .content #level-4-19-flashcards:hover, .content #level-4-20-flashcards:hover, .content #level-4-21-flashcards:hover {
  background: rgba(204,204,153, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-1-match, .content #level-4-2-match, .content #level-4-3-match, .content #level-4-4-match, .content #level-4-5-match, .content #level-4-6-match, .content #level-4-7-match, .content #level-4-8-match, .content #level-4-9-match, .content #level-4-10-match, .content #level-4-11-match, .content #level-4-12-match, .content #level-4-13-match, .content #level-4-14-match, .content #level-4-15-match, .content #level-4-16-match, .content #level-4-17-match, .content #level-4-18-match, .content #level-4-19-match, .content #level-4-20-match, .content #level-4-21-match {
  background: rgba(175,175,58, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-4-1-match:hover, .content #level-4-2-match:hover, .content #level-4-3-match:hover, .content #level-4-4-match:hover, .content #level-4-5-match:hover, .content #level-4-6-match:hover, .content #level-4-7-match:hover, .content #level-4-8-match:hover, .content #level-4-9-match:hover, .content #level-4-10-match:hover, .content #level-4-11-match:hover, .content #level-4-12-match:hover, .content #level-4-13-match:hover, .content #level-4-14-match:hover, .content #level-4-15-match:hover, .content #level-4-16-match:hover, .content #level-4-17-match:hover, .content #level-4-18-match:hover, .content #level-4-19-match:hover, .content #level-4-20-match:hover, .content #level-4-21-match:hover {
  background: rgba(175,175,58, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-1-spell, .content #level-4-2-spell, .content #level-4-3-spell, .content #level-4-4-spell, .content #level-4-5-spell, .content #level-4-6-spell, .content #level-4-7-spell, .content #level-4-8-spell, .content #level-4-9-spell, .content #level-4-10-spell, .content #level-4-11-spell, .content #level-4-12-spell, .content #level-4-13-spell, .content #level-4-14-spell, .content #level-4-15-spell, .content #level-4-16-spell, .content #level-4-17-spell, .content #level-4-18-spell, .content #level-4-19-spell, .content #level-4-20-spell, .content #level-4-21-spell {
  background: rgba(234,234,148, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-4-1-spell:hover, .content #level-4-2-spell:hover, .content #level-4-3-spell:hover, .content #level-4-4-spell:hover, .content #level-4-5-spell:hover, .content #level-4-6-spell:hover, .content #level-4-7-spell:hover, .content #level-4-8-spell:hover, .content #level-4-9-spell:hover, .content #level-4-10-spell:hover, .content #level-4-11-spell:hover, .content #level-4-12-spell:hover, .content #level-4-13-spell:hover, .content #level-4-14-spell:hover, .content #level-4-15-spell:hover, .content #level-4-16-spell:hover, .content #level-4-17-spell:hover, .content #level-4-18-spell:hover, .content #level-4-19-spell:hover, .content #level-4-20-spell:hover, .content #level-4-21-spell:hover {
  background: rgba(234,234,148, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-4-1-test, .content #level-4-2-test, .content #level-4-3-test, .content #level-4-4-test, .content #level-4-5-test, .content #level-4-6-test, .content #level-4-7-test, .content #level-4-8-test, .content #level-4-9-test, .content #level-4-10-test, .content #level-4-11-test, .content #level-4-12-test, .content #level-4-13-test, .content #level-4-14-test, .content #level-4-15-test, .content #level-4-16-test, .content #level-4-17-test, .content #level-4-18-test, .content #level-4-19-test, .content #level-4-20-test, .content #level-4-21-test {
  background: rgba(238,238,100, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-4-1-test:hover, .content #level-4-2-test:hover, .content #level-4-3-test:hover, .content #level-4-4-test:hover, .content #level-4-5-test:hover, .content #level-4-6-test:hover, .content #level-4-7-test:hover, .content #level-4-8-test:hover, .content #level-4-9-test:hover, .content #level-4-10-test:hover, .content #level-4-11-test:hover, .content #level-4-12-test:hover, .content #level-4-13-test:hover, .content #level-4-14-test:hover, .content #level-4-15-test:hover, .content #level-4-16-test:hover, .content #level-4-17-test:hover, .content #level-4-18-test:hover, .content #level-4-19-test:hover, .content #level-4-20-test:hover, .content #level-4-21-test:hover {
  background: rgba(238,238,100, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1-learn, .content #level-5-2-learn, .content #level-5-3-learn, .content #level-5-4-learn, .content #level-5-5-learn, .content #level-5-6-learn, .content #level-5-7-learn, .content #level-5-8-learn, .content #level-5-9-learn, .content #level-5-10-learn, .content #level-5-11-learn, .content #level-5-12-learn, .content #level-5-13-learn, .content #level-5-14-learn, .content #level-5-15-learn, .content #level-5-16-learn, .content #level-5-17-learn, .content #level-5-18-learn, .content #level-5-19-learn, .content #level-5-20-learn, .content #level-5-21-learn {
  background: rgba(254,227,188, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-1-learn:hover, .content #level-5-2-learn:hover, .content #level-5-3-learn:hover, .content #level-5-4-learn:hover, .content #level-5-5-learn:hover, .content #level-5-6-learn:hover, .content #level-5-7-learn:hover, .content #level-5-8-learn:hover, .content #level-5-9-learn:hover, .content #level-5-10-learn:hover, .content #level-5-11-learn:hover, .content #level-5-12-learn:hover, .content #level-5-13-learn:hover, .content #level-5-14-learn:hover, .content #level-5-15-learn:hover, .content #level-5-16-learn:hover, .content #level-5-17-learn:hover, .content #level-5-18-learn:hover, .content #level-5-19-learn:hover, .content #level-5-20-learn:hover, .content #level-5-21-learn:hover {
  background: rgba(254,227,188, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1-flashcards, .content #level-5-2-flashcards, .content #level-5-3-flashcards, .content #level-5-4-flashcards, .content #level-5-5-flashcards, .content #level-5-6-flashcards, .content #level-5-7-flashcards, .content #level-5-8-flashcards, .content #level-5-9-flashcards, .content #level-5-10-flashcards, .content #level-5-11-flashcards, .content #level-5-12-flashcards, .content #level-5-13-flashcards, .content #level-5-14-flashcards, .content #level-5-15-flashcards, .content #level-5-16-flashcards, .content #level-5-17-flashcards, .content #level-5-18-flashcards, .content #level-5-19-flashcards, .content #level-5-20-flashcards, .content #level-5-21-flashcards {
  background: rgba(204,153,153, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-5-1-flashcards:hover, .content #level-5-2-flashcards:hover, .content #level-5-3-flashcards:hover, .content #level-5-4-flashcards:hover, .content #level-5-5-flashcards:hover, .content #level-5-6-flashcards:hover, .content #level-5-7-flashcards:hover, .content #level-5-8-flashcards:hover, .content #level-5-9-flashcards:hover, .content #level-5-10-flashcards:hover, .content #level-5-11-flashcards:hover, .content #level-5-12-flashcards:hover, .content #level-5-13-flashcards:hover, .content #level-5-14-flashcards:hover, .content #level-5-15-flashcards:hover, .content #level-5-16-flashcards:hover, .content #level-5-17-flashcards:hover, .content #level-5-18-flashcards:hover, .content #level-5-19-flashcards:hover, .content #level-5-20-flashcards:hover, .content #level-5-21-flashcards:hover {
  background: rgba(204,153,153, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1-match, .content #level-5-2-match, .content #level-5-3-match, .content #level-5-4-match, .content #level-5-5-match, .content #level-5-6-match, .content #level-5-7-match, .content #level-5-8-match, .content #level-5-9-match, .content #level-5-10-match, .content #level-5-11-match, .content #level-5-12-match, .content #level-5-13-match, .content #level-5-14-match, .content #level-5-15-match, .content #level-5-16-match, .content #level-5-17-match, .content #level-5-18-match, .content #level-5-19-match, .content #level-5-20-match, .content #level-5-21-match {
  background: rgba(226,173,97, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-5-1-match:hover, .content #level-5-2-match:hover, .content #level-5-3-match:hover, .content #level-5-4-match:hover, .content #level-5-5-match:hover, .content #level-5-6-match:hover, .content #level-5-7-match:hover, .content #level-5-8-match:hover, .content #level-5-9-match:hover, .content #level-5-10-match:hover, .content #level-5-11-match:hover, .content #level-5-12-match:hover, .content #level-5-13-match:hover, .content #level-5-14-match:hover, .content #level-5-15-match:hover, .content #level-5-16-match:hover, .content #level-5-17-match:hover, .content #level-5-18-match:hover, .content #level-5-19-match:hover, .content #level-5-20-match:hover, .content #level-5-21-match:hover {
  background: rgba(226,173,97, 75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1-spell, .content #level-5-2-spell, .content #level-5-3-spell, .content #level-5-4-spell, .content #level-5-5-spell, .content #level-5-6-spell, .content #level-5-7-spell, .content #level-5-8-spell, .content #level-5-9-spell, .content #level-5-10-spell, .content #level-5-11-spell, .content #level-5-12-spell, .content #level-5-13-spell, .content #level-5-14-spell, .content #level-5-15-spell, .content #level-5-16-spell, .content #level-5-17-spell, .content #level-5-18-spell, .content #level-5-19-spell, .content #level-5-20-spell, .content #level-5-21-spell {
  background: rgba(248,171,59, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-5-1-spell:hover, .content #level-5-2-spell:hover, .content #level-5-3-spell:hover, .content #level-5-4-spell:hover, .content #level-5-5-spell:hover, .content #level-5-6-spell:hover, .content #level-5-7-spell:hover, .content #level-5-8-spell:hover, .content #level-5-9-spell:hover, .content #level-5-10-spell:hover, .content #level-5-11-spell:hover, .content #level-5-12-spell:hover, .content #level-5-13-spell:hover, .content #level-5-14-spell:hover, .content #level-5-15-spell:hover, .content #level-5-16-spell:hover, .content #level-5-17-spell:hover, .content #level-5-18-spell:hover, .content #level-5-19-spell:hover, .content #level-5-20-spell:hover, .content #level-5-21-spell:hover {
  background: rgba(248,171,59, 75); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-5-1-test, .content #level-5-2-test, .content #level-5-3-test, .content #level-5-4-test, .content #level-5-5-test, .content #level-5-6-test, .content #level-5-7-test, .content #level-5-8-test, .content #level-5-9-test, .content #level-5-10-test, .content #level-5-11-test, .content #level-5-12-test, .content #level-5-13-test, .content #level-5-14-test, .content #level-5-15-test, .content #level-5-16-test, .content #level-5-17-test, .content #level-5-18-test, .content #level-5-19-test, .content #level-5-20-test, .content #level-5-21-test {
  background: rgba(241,195,129, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-5-1-test:hover, .content #level-5-2-test:hover, .content #level-5-3-test:hover, .content #level-5-4-test:hover, .content #level-5-5-test:hover, .content #level-5-6-test:hover, .content #level-5-7-test:hover, .content #level-5-8-test:hover, .content #level-5-9-test:hover, .content #level-5-10-test:hover, .content #level-5-11-test:hover, .content #level-5-12-test:hover, .content #level-5-13-test:hover, .content #level-5-14-test:hover, .content #level-5-15-test:hover, .content #level-5-16-test:hover, .content #level-5-17-test:hover, .content #level-5-18-test:hover, .content #level-5-19-test:hover, .content #level-5-20-test:hover, .content #level-5-21-test:hover {
  background: rgba(241,195,129, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1-learn, .content #level-6-2-learn, .content #level-6-3-learn, .content #level-6-4-learn, .content #level-6-5-learn, .content #level-6-6-learn, .content #level-6-7-learn, .content #level-6-8-learn, .content #level-6-9-learn, .content #level-6-10-learn, .content #level-6-11-learn, .content #level-6-12-learn, .content #level-6-13-learn, .content #level-6-14-learn, .content #level-6-15-learn, .content #level-6-16-learn, .content #level-6-17-learn, .content #level-6-18-learn, .content #level-6-19-learn, .content #level-6-20-learn, .content #level-6-21-learn {
  background: rgba(197,213,234, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-1-learn:hover, .content #level-6-2-learn:hover, .content #level-6-3-learn:hover, .content #level-6-4-learn:hover, .content #level-6-5-learn:hover, .content #level-6-6-learn:hover, .content #level-6-7-learn:hover, .content #level-6-8-learn:hover, .content #level-6-9-learn:hover, .content #level-6-10-learn:hover, .content #level-6-11-learn:hover, .content #level-6-12-learn:hover, .content #level-6-13-learn:hover, .content #level-6-14-learn:hover, .content #level-6-15-learn:hover, .content #level-6-16-learn:hover, .content #level-6-17-learn:hover, .content #level-6-18-learn:hover, .content #level-6-19-learn:hover, .content #level-6-20-learn:hover, .content #level-6-21-learn:hover {
  background: rgba(197,213,234, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1-flashcards, .content #level-6-2-flashcards, .content #level-6-3-flashcards, .content #level-6-4-flashcards, .content #level-6-5-flashcards, .content #level-6-6-flashcards, .content #level-6-7-flashcards, .content #level-6-8-flashcards, .content #level-6-9-flashcards, .content #level-6-10-flashcards, .content #level-6-11-flashcards, .content #level-6-12-flashcards, .content #level-6-13-flashcards, .content #level-6-14-flashcards, .content #level-6-15-flashcards, .content #level-6-16-flashcards, .content #level-6-17-flashcards, .content #level-6-18-flashcards, .content #level-6-19-flashcards, .content #level-6-20-flashcards, .content #level-6-21-flashcards {
  background: rgba(138,177,228, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}
.content #level-6-1-flashcards:hover, .content #level-6-2-flashcards:hover, .content #level-6-3-flashcards:hover, .content #level-6-4-flashcards:hover, .content #level-6-5-flashcards:hover, .content #level-6-6-flashcards:hover, .content #level-6-7-flashcards:hover, .content #level-6-8-flashcards:hover, .content #level-6-9-flashcards:hover, .content #level-6-10-flashcards:hover, .content #level-6-11-flashcards:hover, .content #level-6-12-flashcards:hover, .content #level-6-13-flashcards:hover, .content #level-6-14-flashcards:hover, .content #level-6-15-flashcards:hover, .content #level-6-16-flashcards:hover, .content #level-6-17-flashcards:hover, .content #level-6-18-flashcards:hover, .content #level-6-19-flashcards:hover, .content #level-6-20-flashcards:hover, .content #level-6-21-flashcards:hover {
  background: rgba(138,177,228, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1-match, .content #level-6-2-match, .content #level-6-3-match, .content #level-6-4-match, .content #level-6-5-match, .content #level-6-6-match, .content #level-6-7-match, .content #level-6-8-match, .content #level-6-9-match, .content #level-6-10-match, .content #level-6-11-match, .content #level-6-12-match, .content #level-6-13-match, .content #level-6-14-match, .content #level-6-15-match, .content #level-6-16-match, .content #level-6-17-match, .content #level-6-18-match, .content #level-6-19-match, .content #level-6-20-match, .content #level-6-21-match {
  background: rgba(167,190,219, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-6-1-match:hover, .content #level-6-2-match:hover, .content #level-6-3-match:hover, .content #level-6-4-match:hover, .content #level-6-5-match:hover, .content #level-6-6-match:hover, .content #level-6-7-match:hover, .content #level-6-8-match:hover, .content #level-6-9-match:hover, .content #level-6-10-match:hover, .content #level-6-11-match:hover, .content #level-6-12-match:hover, .content #level-6-13-match:hover, .content #level-6-14-match:hover, .content #level-6-15-match:hover, .content #level-6-16-match:hover, .content #level-6-17-match:hover, .content #level-6-18-match:hover, .content #level-6-19-match:hover, .content #level-6-20-match:hover, .content #level-6-21-match:hover {
  background: rgba(167,190,219, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1-spell, .content #level-6-2-spell, .content #level-6-3-spell, .content #level-6-4-spell, .content #level-6-5-spell, .content #level-6-6-spell, .content #level-6-7-spell, .content #level-6-8-spell, .content #level-6-9-spell, .content #level-6-10-spell, .content #level-6-11-spell, .content #level-6-12-spell, .content #level-6-13-spell, .content #level-6-14-spell, .content #level-6-15-spell, .content #level-6-16-spell, .content #level-6-17-spell, .content #level-6-18-spell, .content #level-6-19-spell, .content #level-6-20-spell, .content #level-6-21-spell {
  background: rgba(175,197,226, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-6-1-spell:hover, .content #level-6-2-spell:hover, .content #level-6-3-spell:hover, .content #level-6-4-spell:hover, .content #level-6-5-spell:hover, .content #level-6-6-spell:hover, .content #level-6-7-spell:hover, .content #level-6-8-spell:hover, .content #level-6-9-spell:hover, .content #level-6-10-spell:hover, .content #level-6-11-spell:hover, .content #level-6-12-spell:hover, .content #level-6-13-spell:hover, .content #level-6-14-spell:hover, .content #level-6-15-spell:hover, .content #level-6-16-spell:hover, .content #level-6-17-spell:hover, .content #level-6-18-spell:hover, .content #level-6-19-spell:hover, .content #level-6-20-spell:hover, .content #level-6-21-spell:hover {
  background: rgba(175,197,226, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-6-1-test, .content #level-6-2-test, .content #level-6-3-test, .content #level-6-4-test, .content #level-6-5-test, .content #level-6-6-test, .content #level-6-7-test, .content #level-6-8-test, .content #level-6-9-test, .content #level-6-10-test, .content #level-6-11-test, .content #level-6-12-test, .content #level-6-13-test, .content #level-6-14-test, .content #level-6-15-test, .content #level-6-16-test, .content #level-6-17-test, .content #level-6-18-test, .content #level-6-19-test, .content #level-6-20-test, .content #level-6-21-test {
  background: rgba(74,130,203, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: gill-sans-nova, sans-serif;
  font-weight: 900;
}

.content #level-6-1-test:hover, .content #level-6-2-test:hover, .content #level-6-3-test:hover, .content #level-6-4-test:hover, .content #level-6-5-test:hover, .content #level-6-6-test:hover, .content #level-6-7-test:hover, .content #level-6-8-test:hover, .content #level-6-9-test:hover, .content #level-6-10-test:hover, .content #level-6-11-test:hover, .content #level-6-12-test:hover, .content #level-6-13-test:hover, .content #level-6-14-test:hover, .content #level-6-15-test:hover, .content #level-6-16-test:hover, .content #level-6-17-test:hover, .content #level-6-18-test:hover, .content #level-6-19-test:hover, .content #level-6-20-test:hover, .content #level-6-21-test:hover {
  background: rgba(74,130,203, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1-learn, .content #level-7-2-learn, .content #level-7-3-learn, .content #level-7-4-learn, .content #level-7-5-learn, .content #level-7-6-learn, .content #level-7-7-learn, .content #level-7-8-learn, .content #level-7-9-learn, .content #level-7-10-learn, .content #level-7-11-learn, .content #level-7-12-learn, .content #level-7-13-learn, .content #level-7-14-learn, .content #level-7-15-learn, .content #level-7-16-learn, .content #level-7-17-learn, .content #level-7-18-learn, .content #level-7-19-learn, .content #level-7-20-learn, .content #level-7-21-learn {
  background: rgba(157,135,189, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-1-learn:hover, .content #level-7-2-learn:hover, .content #level-7-3-learn:hover, .content #level-7-4-learn:hover, .content #level-7-5-learn:hover, .content #level-7-6-learn:hover, .content #level-7-7-learn:hover, .content #level-7-8-learn:hover, .content #level-7-9-learn:hover, .content #level-7-10-learn:hover, .content #level-7-11-learn:hover, .content #level-7-12-learn:hover, .content #level-7-13-learn:hover, .content #level-7-14-learn:hover, .content #level-7-15-learn:hover, .content #level-7-16-learn:hover, .content #level-7-17-learn:hover, .content #level-7-18-learn:hover, .content #level-7-19-learn:hover, .content #level-7-20-learn:hover, .content #level-7-21-learn:hover {
  background: rgba(157,135,189, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1-flashcards, .content #level-7-2-flashcards, .content #level-7-3-flashcards, .content #level-7-4-flashcards, .content #level-7-5-flashcards, .content #level-7-6-flashcards, .content #level-7-7-flashcards, .content #level-7-8-flashcards, .content #level-7-9-flashcards, .content #level-7-10-flashcards, .content #level-7-11-flashcards, .content #level-7-12-flashcards, .content #level-7-13-flashcards, .content #level-7-14-flashcards, .content #level-7-15-flashcards, .content #level-7-16-flashcards, .content #level-7-17-flashcards, .content #level-7-18-flashcards, .content #level-7-19-flashcards, .content #level-7-20-flashcards, .content #level-7-21-flashcards {
  background: rgba(192,166,229, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-7-1-flashcards:hover, .content #level-7-2-flashcards:hover, .content #level-7-3-flashcards:hover, .content #level-7-4-flashcards:hover, .content #level-7-5-flashcards:hover, .content #level-7-6-flashcards:hover, .content #level-7-7-flashcards:hover, .content #level-7-8-flashcards:hover, .content #level-7-9-flashcards:hover, .content #level-7-10-flashcards:hover, .content #level-7-11-flashcards:hover, .content #level-7-12-flashcards:hover, .content #level-7-13-flashcards:hover, .content #level-7-14-flashcards:hover, .content #level-7-15-flashcards:hover, .content #level-7-16-flashcards:hover, .content #level-7-17-flashcards:hover, .content #level-7-18-flashcards:hover, .content #level-7-19-flashcards:hover, .content #level-7-20-flashcards:hover, .content #level-7-21-flashcards:hover {
  background: rgba(192,166,229, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1-match, .content #level-7-2-match, .content #level-7-3-match, .content #level-7-4-match, .content #level-7-5-match, .content #level-7-6-match, .content #level-7-7-match, .content #level-7-8-match, .content #level-7-9-match, .content #level-7-10-match, .content #level-7-11-match, .content #level-7-12-match, .content #level-7-13-match, .content #level-7-14-match, .content #level-7-15-match, .content #level-7-16-match, .content #level-7-17-match, .content #level-7-18-match, .content #level-7-19-match, .content #level-7-20-match, .content #level-7-21-match {
  background: rgba(181,140,242, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-7-1-match:hover, .content #level-7-2-match:hover, .content #level-7-3-match:hover, .content #level-7-4-match:hover, .content #level-7-5-match:hover, .content #level-7-6-match:hover, .content #level-7-7-match:hover, .content #level-7-8-match:hover, .content #level-7-9-match:hover, .content #level-7-10-match:hover, .content #level-7-11-match:hover, .content #level-7-12-match:hover, .content #level-7-13-match:hover, .content #level-7-14-match:hover, .content #level-7-15-match:hover, .content #level-7-16-match:hover, .content #level-7-17-match:hover, .content #level-7-18-match:hover, .content #level-7-19-match:hover, .content #level-7-20-match:hover, .content #level-7-21-match:hover {
  background: rgba(181,140,242, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1-spell, .content #level-7-2-spell, .content #level-7-3-spell, .content #level-7-4-spell, .content #level-7-5-spell, .content #level-7-6-spell, .content #level-7-7-spell, .content #level-7-8-spell, .content #level-7-9-spell, .content #level-7-10-spell, .content #level-7-11-spell, .content #level-7-12-spell, .content #level-7-13-spell, .content #level-7-14-spell, .content #level-7-15-spell, .content #level-7-16-spell, .content #level-7-17-spell, .content #level-7-18-spell, .content #level-7-19-spell, .content #level-7-20-spell, .content #level-7-21-spell {
  background: rgba(202,183,229, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-7-1-spell:hover, .content #level-7-2-spell:hover, .content #level-7-3-spell:hover, .content #level-7-4-spell:hover, .content #level-7-5-spell:hover, .content #level-7-6-spell:hover, .content #level-7-7-spell:hover, .content #level-7-8-spell:hover, .content #level-7-9-spell:hover, .content #level-7-10-spell:hover, .content #level-7-11-spell:hover, .content #level-7-12-spell:hover, .content #level-7-13-spell:hover, .content #level-7-14-spell:hover, .content #level-7-15-spell:hover, .content #level-7-16-spell:hover, .content #level-7-17-spell:hover, .content #level-7-18-spell:hover, .content #level-7-19-spell:hover, .content #level-7-20-spell:hover, .content #level-7-21-spell:hover {
  background: rgba(202,183,229, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-7-1-test, .content #level-7-2-test, .content #level-7-3-test, .content #level-7-4-test, .content #level-7-5-test, .content #level-7-6-test, .content #level-7-7-test, .content #level-7-8-test, .content #level-7-9-test, .content #level-7-10-test, .content #level-7-11-test, .content #level-7-12-test, .content #level-7-13-test, .content #level-7-14-test, .content #level-7-15-test, .content #level-7-16-test, .content #level-7-17-test, .content #level-7-18-test, .content #level-7-19-test, .content #level-7-20-test, .content #level-7-21-test {
  background: rgba(145,106,202, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-7-1-test:hover, .content #level-7-2-test:hover, .content #level-7-3-test:hover, .content #level-7-4-test:hover, .content #level-7-5-test:hover, .content #level-7-6-test:hover, .content #level-7-7-test:hover, .content #level-7-8-test:hover, .content #level-7-9-test:hover, .content #level-7-10-test:hover, .content #level-7-11-test:hover, .content #level-7-12-test:hover, .content #level-7-13-test:hover, .content #level-7-14-test:hover, .content #level-7-15-test:hover, .content #level-7-16-test:hover, .content #level-7-17-test:hover, .content #level-7-18-test:hover, .content #level-7-19-test:hover, .content #level-7-20-test:hover, .content #level-7-21-test:hover {
  background: rgba(145,106,202, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1-learn, .content #level-8-2-learn, .content #level-8-3-learn, .content #level-8-4-learn, .content #level-8-5-learn, .content #level-8-6-learn, .content #level-8-7-learn, .content #level-8-8-learn, .content #level-8-9-learn, .content #level-8-10-learn, .content #level-8-11-learn, .content #level-8-12-learn, .content #level-8-13-learn, .content #level-8-14-learn, .content #level-8-15-learn, .content #level-8-16-learn, .content #level-8-17-learn, .content #level-8-18-learn, .content #level-8-19-learn, .content #level-8-20-learn, .content #level-8-21-learn {
  background: rgba(249,188,131, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-1-learn:hover, .content #level-8-2-learn:hover, .content #level-8-3-learn:hover, .content #level-8-4-learn:hover, .content #level-8-5-learn:hover, .content #level-8-6-learn:hover, .content #level-8-7-learn:hover, .content #level-8-8-learn:hover, .content #level-8-9-learn:hover, .content #level-8-10-learn:hover, .content #level-8-11-learn:hover, .content #level-8-12-learn:hover, .content #level-8-13-learn:hover, .content #level-8-14-learn:hover, .content #level-8-15-learn:hover, .content #level-8-16-learn:hover, .content #level-8-17-learn:hover, .content #level-8-18-learn:hover, .content #level-8-19-learn:hover, .content #level-8-20-learn:hover, .content #level-8-21-learn:hover {
  background: rgba(249,188,131, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1-flashcards, .content #level-8-2-flashcards, .content #level-8-3-flashcards, .content #level-8-4-flashcards, .content #level-8-5-flashcards, .content #level-8-6-flashcards, .content #level-8-7-flashcards, .content #level-8-8-flashcards, .content #level-8-9-flashcards, .content #level-8-10-flashcards, .content #level-8-11-flashcards, .content #level-8-12-flashcards, .content #level-8-13-flashcards, .content #level-8-14-flashcards, .content #level-8-15-flashcards, .content #level-8-16-flashcards, .content #level-8-17-flashcards, .content #level-8-18-flashcards, .content #level-8-19-flashcards, .content #level-8-20-flashcards, .content #level-8-21-flashcards {
  background: rgba(226,190,156, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-8-1-flashcards:hover, .content #level-8-2-flashcards:hover, .content #level-8-3-flashcards:hover, .content #level-8-4-flashcards:hover, .content #level-8-5-flashcards:hover, .content #level-8-6-flashcards:hover, .content #level-8-7-flashcards:hover, .content #level-8-8-flashcards:hover, .content #level-8-9-flashcards:hover, .content #level-8-10-flashcards:hover, .content #level-8-11-flashcards:hover, .content #level-8-12-flashcards:hover, .content #level-8-13-flashcards:hover, .content #level-8-14-flashcards:hover, .content #level-8-15-flashcards:hover, .content #level-8-16-flashcards:hover, .content #level-8-17-flashcards:hover, .content #level-8-18-flashcards:hover, .content #level-8-19-flashcards:hover, .content #level-8-20-flashcards:hover, .content #level-8-21-flashcards:hover {
  background: rgba(226,190,156, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1-match, .content #level-8-2-match, .content #level-8-3-match, .content #level-8-4-match, .content #level-8-5-match, .content #level-8-6-match, .content #level-8-7-match, .content #level-8-8-match, .content #level-8-9-match, .content #level-8-10-match, .content #level-8-11-match, .content #level-8-12-match, .content #level-8-13-match, .content #level-8-14-match, .content #level-8-15-match, .content #level-8-16-match, .content #level-8-17-match, .content #level-8-18-match, .content #level-8-19-match, .content #level-8-20-match, .content #level-8-21-match {
  background: rgba(246,163,85, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-8-1-match:hover, .content #level-8-2-match:hover, .content #level-8-3-match:hover, .content #level-8-4-match:hover, .content #level-8-5-match:hover, .content #level-8-6-match:hover, .content #level-8-7-match:hover, .content #level-8-8-match:hover, .content #level-8-9-match:hover, .content #level-8-10-match:hover, .content #level-8-11-match:hover, .content #level-8-12-match:hover, .content #level-8-13-match:hover, .content #level-8-14-match:hover, .content #level-8-15-match:hover, .content #level-8-16-match:hover, .content #level-8-17-match:hover, .content #level-8-18-match:hover, .content #level-8-19-match:hover, .content #level-8-20-match:hover, .content #level-8-21-match:hover {
  background: rgba(246,163,85, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1-spell, .content #level-8-2-spell, .content #level-8-3-spell, .content #level-8-4-spell, .content #level-8-5-spell, .content #level-8-6-spell, .content #level-8-7-spell, .content #level-8-8-spell, .content #level-8-9-spell, .content #level-8-10-spell, .content #level-8-11-spell, .content #level-8-12-spell, .content #level-8-13-spell, .content #level-8-14-spell, .content #level-8-15-spell, .content #level-8-16-spell, .content #level-8-17-spell, .content #level-8-18-spell, .content #level-8-19-spell, .content #level-8-20-spell, .content #level-8-21-spell {
  background: rgba(220,169,122, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-8-1-spell:hover, .content #level-8-2-spell:hover, .content #level-8-3-spell:hover, .content #level-8-4-spell:hover, .content #level-8-5-spell:hover, .content #level-8-6-spell:hover, .content #level-8-7-spell:hover, .content #level-8-8-spell:hover, .content #level-8-9-spell:hover, .content #level-8-10-spell:hover, .content #level-8-11-spell:hover, .content #level-8-12-spell:hover, .content #level-8-13-spell:hover, .content #level-8-14-spell:hover, .content #level-8-15-spell:hover, .content #level-8-16-spell:hover, .content #level-8-17-spell:hover, .content #level-8-18-spell:hover, .content #level-8-19-spell:hover, .content #level-8-20-spell:hover, .content #level-8-21-spell:hover {
  background: rgba(220,169,122, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-8-1-test, .content #level-8-2-test, .content #level-8-3-test, .content #level-8-4-test, .content #level-8-5-test, .content #level-8-6-test, .content #level-8-7-test, .content #level-8-8-test, .content #level-8-9-test, .content #level-8-10-test, .content #level-8-11-test, .content #level-8-12-test, .content #level-8-13-test, .content #level-8-14-test, .content #level-8-15-test, .content #level-8-16-test, .content #level-8-17-test, .content #level-8-18-test, .content #level-8-19-test, .content #level-8-20-test, .content #level-8-21-test {
  background: rgba(211,123,41, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-8-1-test:hover, .content #level-8-2-test:hover, .content #level-8-3-test:hover, .content #level-8-4-test:hover, .content #level-8-5-test:hover, .content #level-8-6-test:hover, .content #level-8-7-test:hover, .content #level-8-8-test:hover, .content #level-8-9-test:hover, .content #level-8-10-test:hover, .content #level-8-11-test:hover, .content #level-8-12-test:hover, .content #level-8-13-test:hover, .content #level-8-14-test:hover, .content #level-8-15-test:hover, .content #level-8-16-test:hover, .content #level-8-17-test:hover, .content #level-8-18-test:hover, .content #level-8-19-test:hover, .content #level-8-20-test:hover, .content #level-8-21-test:hover {
  background: rgba(211,123,41, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1-learn, .content #level-9-2-learn, .content #level-9-3-learn, .content #level-9-4-learn, .content #level-9-5-learn, .content #level-9-6-learn, .content #level-9-7-learn, .content #level-9-8-learn, .content #level-9-9-learn, .content #level-9-10-learn, .content #level-9-11-learn, .content #level-9-12-learn, .content #level-9-13-learn, .content #level-9-14-learn, .content #level-9-15-learn, .content #level-9-16-learn, .content #level-9-17-learn, .content #level-9-18-learn, .content #level-9-19-learn, .content #level-9-20-learn, .content #level-9-21-learn {
  background: rgba(196,168,127, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-1-learn:hover, .content #level-9-2-learn:hover, .content #level-9-3-learn:hover, .content #level-9-4-learn:hover, .content #level-9-5-learn:hover, .content #level-9-6-learn:hover, .content #level-9-7-learn:hover, .content #level-9-8-learn:hover, .content #level-9-9-learn:hover, .content #level-9-10-learn:hover, .content #level-9-11-learn:hover, .content #level-9-12-learn:hover, .content #level-9-13-learn:hover, .content #level-9-14-learn:hover, .content #level-9-15-learn:hover, .content #level-9-16-learn:hover, .content #level-9-17-learn:hover, .content #level-9-18-learn:hover, .content #level-9-19-learn:hover, .content #level-9-20-learn:hover, .content #level-9-21-learn:hover {
  background: rgba(196,168,127, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1-flashcards, .content #level-9-2-flashcards, .content #level-9-3-flashcards, .content #level-9-4-flashcards, .content #level-9-5-flashcards, .content #level-9-6-flashcards, .content #level-9-7-flashcards, .content #level-9-8-flashcards, .content #level-9-9-flashcards, .content #level-9-10-flashcards, .content #level-9-11-flashcards, .content #level-9-12-flashcards, .content #level-9-13-flashcards, .content #level-9-14-flashcards, .content #level-9-15-flashcards, .content #level-9-16-flashcards, .content #level-9-17-flashcards, .content #level-9-18-flashcards, .content #level-9-19-flashcards, .content #level-9-20-flashcards, .content #level-9-21-flashcards {
  background: rgba(173,152,122, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-9-1-flashcards:hover, .content #level-9-2-flashcards:hover, .content #level-9-3-flashcards:hover, .content #level-9-4-flashcards:hover, .content #level-9-5-flashcards:hover, .content #level-9-6-flashcards:hover, .content #level-9-7-flashcards:hover, .content #level-9-8-flashcards:hover, .content #level-9-9-flashcards:hover, .content #level-9-10-flashcards:hover, .content #level-9-11-flashcards:hover, .content #level-9-12-flashcards:hover, .content #level-9-13-flashcards:hover, .content #level-9-14-flashcards:hover, .content #level-9-15-flashcards:hover, .content #level-9-16-flashcards:hover, .content #level-9-17-flashcards:hover, .content #level-9-18-flashcards:hover, .content #level-9-19-flashcards:hover, .content #level-9-20-flashcards:hover, .content #level-9-21-flashcards:hover {
  background: rgba(173,152,122, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1-match, .content #level-9-2-match, .content #level-9-3-match, .content #level-9-4-match, .content #level-9-5-match, .content #level-9-6-match, .content #level-9-7-match, .content #level-9-8-match, .content #level-9-9-match, .content #level-9-10-match, .content #level-9-11-match, .content #level-9-12-match, .content #level-9-13-match, .content #level-9-14-match, .content #level-9-15-match, .content #level-9-16-match, .content #level-9-17-match, .content #level-9-18-match, .content #level-9-19-match, .content #level-9-20-match, .content #level-9-21-match {
  background: rgba(180,128,52, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-9-1-match:hover, .content #level-9-2-match:hover, .content #level-9-3-match:hover, .content #level-9-4-match:hover, .content #level-9-5-match:hover, .content #level-9-6-match:hover, .content #level-9-7-match:hover, .content #level-9-8-match:hover, .content #level-9-9-match:hover, .content #level-9-10-match:hover, .content #level-9-11-match:hover, .content #level-9-12-match:hover, .content #level-9-13-match:hover, .content #level-9-14-match:hover, .content #level-9-15-match:hover, .content #level-9-16-match:hover, .content #level-9-17-match:hover, .content #level-9-18-match:hover, .content #level-9-19-match:hover, .content #level-9-20-match:hover, .content #level-9-21-match:hover {
  background: rgba(180,128,52, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1-spell, .content #level-9-2-spell, .content #level-9-3-spell, .content #level-9-4-spell, .content #level-9-5-spell, .content #level-9-6-spell, .content #level-9-7-spell, .content #level-9-8-spell, .content #level-9-9-spell, .content #level-9-10-spell, .content #level-9-11-spell, .content #level-9-12-spell, .content #level-9-13-spell, .content #level-9-14-spell, .content #level-9-15-spell, .content #level-9-16-spell, .content #level-9-17-spell, .content #level-9-18-spell, .content #level-9-19-spell, .content #level-9-20-spell, .content #level-9-21-spell {
  background: rgba(213,175,119, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-9-1-spell:hover, .content #level-9-2-spell:hover, .content #level-9-3-spell:hover, .content #level-9-4-spell:hover, .content #level-9-5-spell:hover, .content #level-9-6-spell:hover, .content #level-9-7-spell:hover, .content #level-9-8-spell:hover, .content #level-9-9-spell:hover, .content #level-9-10-spell:hover, .content #level-9-11-spell:hover, .content #level-9-12-spell:hover, .content #level-9-13-spell:hover, .content #level-9-14-spell:hover, .content #level-9-15-spell:hover, .content #level-9-16-spell:hover, .content #level-9-17-spell:hover, .content #level-9-18-spell:hover, .content #level-9-19-spell:hover, .content #level-9-20-spell:hover, .content #level-9-21-spell:hover {
  background: rgba(213,175,119, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-9-1-test, .content #level-9-2-test, .content #level-9-3-test, .content #level-9-4-test, .content #level-9-5-test, .content #level-9-6-test, .content #level-9-7-test, .content #level-9-8-test, .content #level-9-9-test, .content #level-9-10-test, .content #level-9-11-test, .content #level-9-12-test, .content #level-9-13-test, .content #level-9-14-test, .content #level-9-15-test, .content #level-9-16-test, .content #level-9-17-test, .content #level-9-18-test, .content #level-9-19-test, .content #level-9-20-test, .content #level-9-21-test {
  background: rgba(203,158,93, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-9-1-test:hover, .content #level-9-2-test:hover, .content #level-9-3-test:hover, .content #level-9-4-test:hover, .content #level-9-5-test:hover, .content #level-9-6-test:hover, .content #level-9-7-test:hover, .content #level-9-8-test:hover, .content #level-9-9-test:hover, .content #level-9-10-test:hover, .content #level-9-11-test:hover, .content #level-9-12-test:hover, .content #level-9-13-test:hover, .content #level-9-14-test:hover, .content #level-9-15-test:hover, .content #level-9-16-test:hover, .content #level-9-17-test:hover, .content #level-9-18-test:hover, .content #level-9-19-test:hover, .content #level-9-20-test:hover, .content #level-9-21-test:hover {
  background: rgba(203,158,93, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1-learn, .content #level-10-2-learn, .content #level-10-3-learn, .content #level-10-4-learn, .content #level-10-5-learn, .content #level-10-6-learn, .content #level-10-7-learn, .content #level-10-8-learn, .content #level-10-9-learn, .content #level-10-10-learn, .content #level-10-11-learn, .content #level-10-12-learn, .content #level-10-13-learn, .content #level-10-14-learn, .content #level-10-15-learn, .content #level-10-16-learn, .content #level-10-17-learn, .content #level-10-18-learn, .content #level-10-19-learn, .content #level-10-20-learn, .content #level-10-21-learn {
  background: rgba(249,186,59, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-1-learn:hover, .content #level-10-2-learn:hover, .content #level-10-3-learn:hover, .content #level-10-4-learn:hover, .content #level-10-5-learn:hover, .content #level-10-6-learn:hover, .content #level-10-7-learn:hover, .content #level-10-8-learn:hover, .content #level-10-9-learn:hover, .content #level-10-10-learn:hover, .content #level-10-11-learn:hover, .content #level-10-12-learn:hover, .content #level-10-13-learn:hover, .content #level-10-14-learn:hover, .content #level-10-15-learn:hover, .content #level-10-16-learn:hover, .content #level-10-17-learn:hover, .content #level-10-18-learn:hover, .content #level-10-19-learn:hover, .content #level-10-20-learn:hover, .content #level-10-21-learn:hover {
  background: rgba(249,186,59, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1-flashcards, .content #level-10-2-flashcards, .content #level-10-3-flashcards, .content #level-10-4-flashcards, .content #level-10-5-flashcards, .content #level-10-6-flashcards, .content #level-10-7-flashcards, .content #level-10-8-flashcards, .content #level-10-9-flashcards, .content #level-10-10-flashcards, .content #level-10-11-flashcards, .content #level-10-12-flashcards, .content #level-10-13-flashcards, .content #level-10-14-flashcards, .content #level-10-15-flashcards, .content #level-10-16-flashcards, .content #level-10-17-flashcards, .content #level-10-18-flashcards, .content #level-10-19-flashcards, .content #level-10-20-flashcards, .content #level-10-21-flashcards {
  background: rgba(225,163,37, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-10-1-flashcards:hover, .content #level-10-2-flashcards:hover, .content #level-10-3-flashcards:hover, .content #level-10-4-flashcards:hover, .content #level-10-5-flashcards:hover, .content #level-10-6-flashcards:hover, .content #level-10-7-flashcards:hover, .content #level-10-8-flashcards:hover, .content #level-10-9-flashcards:hover, .content #level-10-10-flashcards:hover, .content #level-10-11-flashcards:hover, .content #level-10-12-flashcards:hover, .content #level-10-13-flashcards:hover, .content #level-10-14-flashcards:hover, .content #level-10-15-flashcards:hover, .content #level-10-16-flashcards:hover, .content #level-10-17-flashcards:hover, .content #level-10-18-flashcards:hover, .content #level-10-19-flashcards:hover, .content #level-10-20-flashcards:hover, .content #level-10-21-flashcards:hover {
  background: rgba(225,163,37, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1-match, .content #level-10-2-match, .content #level-10-3-match, .content #level-10-4-match, .content #level-10-5-match, .content #level-10-6-match, .content #level-10-7-match, .content #level-10-8-match, .content #level-10-9-match, .content #level-10-10-match, .content #level-10-11-match, .content #level-10-12-match, .content #level-10-13-match, .content #level-10-14-match, .content #level-10-15-match, .content #level-10-16-match, .content #level-10-17-match, .content #level-10-18-match, .content #level-10-19-match, .content #level-10-20-match, .content #level-10-21-match {
  background: rgba(213,177,104, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-10-1-match:hover, .content #level-10-2-match:hover, .content #level-10-3-match:hover, .content #level-10-4-match:hover, .content #level-10-5-match:hover, .content #level-10-6-match:hover, .content #level-10-7-match:hover, .content #level-10-8-match:hover, .content #level-10-9-match:hover, .content #level-10-10-match:hover, .content #level-10-11-match:hover, .content #level-10-12-match:hover, .content #level-10-13-match:hover, .content #level-10-14-match:hover, .content #level-10-15-match:hover, .content #level-10-16-match:hover, .content #level-10-17-match:hover, .content #level-10-18-match:hover, .content #level-10-19-match:hover, .content #level-10-20-match:hover, .content #level-10-21-match:hover {
  background: rgba(213,177,104, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1-spell, .content #level-10-2-spell, .content #level-10-3-spell, .content #level-10-4-spell, .content #level-10-5-spell, .content #level-10-6-spell, .content #level-10-7-spell, .content #level-10-8-spell, .content #level-10-9-spell, .content #level-10-10-spell, .content #level-10-11-spell, .content #level-10-12-spell, .content #level-10-13-spell, .content #level-10-14-spell, .content #level-10-15-spell, .content #level-10-16-spell, .content #level-10-17-spell, .content #level-10-18-spell, .content #level-10-19-spell, .content #level-10-20-spell, .content #level-10-21-spell {
  background: rgba(141,105,31, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-10-1-spell:hover, .content #level-10-2-spell:hover, .content #level-10-3-spell:hover, .content #level-10-4-spell:hover, .content #level-10-5-spell:hover, .content #level-10-6-spell:hover, .content #level-10-7-spell:hover, .content #level-10-8-spell:hover, .content #level-10-9-spell:hover, .content #level-10-10-spell:hover, .content #level-10-11-spell:hover, .content #level-10-12-spell:hover, .content #level-10-13-spell:hover, .content #level-10-14-spell:hover, .content #level-10-15-spell:hover, .content #level-10-16-spell:hover, .content #level-10-17-spell:hover, .content #level-10-18-spell:hover, .content #level-10-19-spell:hover, .content #level-10-20-spell:hover, .content #level-10-21-spell:hover {
  background: rgba(141,105,31, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-10-1-test, .content #level-10-2-test, .content #level-10-3-test, .content #level-10-4-test, .content #level-10-5-test, .content #level-10-6-test, .content #level-10-7-test, .content #level-10-8-test, .content #level-10-9-test, .content #level-10-10-test, .content #level-10-11-test, .content #level-10-12-test, .content #level-10-13-test, .content #level-10-14-test, .content #level-10-15-test, .content #level-10-16-test, .content #level-10-17-test, .content #level-10-18-test, .content #level-10-19-test, .content #level-10-20-test, .content #level-10-21-test {
  background: rgba(231,178,71, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-10-1-test:hover, .content #level-10-2-test:hover, .content #level-10-3-test:hover, .content #level-10-4-test:hover, .content #level-10-5-test:hover, .content #level-10-6-test:hover, .content #level-10-7-test:hover, .content #level-10-8-test:hover, .content #level-10-9-test:hover, .content #level-10-10-test:hover, .content #level-10-11-test:hover, .content #level-10-12-test:hover, .content #level-10-13-test:hover, .content #level-10-14-test:hover, .content #level-10-15-test:hover, .content #level-10-16-test:hover, .content #level-10-17-test:hover, .content #level-10-18-test:hover, .content #level-10-19-test:hover, .content #level-10-20-test:hover, .content #level-10-21-test:hover {
  background: rgba(231,178,71, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1-learn, .content #level-11-2-learn, .content #level-11-3-learn, .content #level-11-4-learn, .content #level-11-5-learn, .content #level-11-6-learn, .content #level-11-7-learn, .content #level-11-8-learn, .content #level-11-9-learn, .content #level-11-10-learn, .content #level-11-11-learn, .content #level-11-12-learn, .content #level-11-13-learn, .content #level-11-14-learn, .content #level-11-15-learn, .content #level-11-16-learn, .content #level-11-17-learn, .content #level-11-18-learn, .content #level-11-19-learn, .content #level-11-20-learn, .content #level-11-21-learn {
  background: rgba(123,147,191, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-1-learn:hover, .content #level-11-2-learn:hover, .content #level-11-3-learn:hover, .content #level-11-4-learn:hover, .content #level-11-5-learn:hover, .content #level-11-6-learn:hover, .content #level-11-7-learn:hover, .content #level-11-8-learn:hover, .content #level-11-9-learn:hover, .content #level-11-10-learn:hover, .content #level-11-11-learn:hover, .content #level-11-12-learn:hover, .content #level-11-13-learn:hover, .content #level-11-14-learn:hover, .content #level-11-15-learn:hover, .content #level-11-16-learn:hover, .content #level-11-17-learn:hover, .content #level-11-18-learn:hover, .content #level-11-19-learn:hover, .content #level-11-20-learn:hover, .content #level-11-21-learn:hover {
  background: rgba(123,147,191, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1-flashcards, .content #level-11-2-flashcards, .content #level-11-3-flashcards, .content #level-11-4-flashcards, .content #level-11-5-flashcards, .content #level-11-6-flashcards, .content #level-11-7-flashcards, .content #level-11-8-flashcards, .content #level-11-9-flashcards, .content #level-11-10-flashcards, .content #level-11-11-flashcards, .content #level-11-12-flashcards, .content #level-11-13-flashcards, .content #level-11-14-flashcards, .content #level-11-15-flashcards, .content #level-11-16-flashcards, .content #level-11-17-flashcards, .content #level-11-18-flashcards, .content #level-11-19-flashcards, .content #level-11-20-flashcards, .content #level-11-21-flashcards {
  background: rgba(114,149,214, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-11-1-flashcards:hover, .content #level-11-2-flashcards:hover, .content #level-11-3-flashcards:hover, .content #level-11-4-flashcards:hover, .content #level-11-5-flashcards:hover, .content #level-11-6-flashcards:hover, .content #level-11-7-flashcards:hover, .content #level-11-8-flashcards:hover, .content #level-11-9-flashcards:hover, .content #level-11-10-flashcards:hover, .content #level-11-11-flashcards:hover, .content #level-11-12-flashcards:hover, .content #level-11-13-flashcards:hover, .content #level-11-14-flashcards:hover, .content #level-11-15-flashcards:hover, .content #level-11-16-flashcards:hover, .content #level-11-17-flashcards:hover, .content #level-11-18-flashcards:hover, .content #level-11-19-flashcards:hover, .content #level-11-20-flashcards:hover, .content #level-11-21-flashcards:hover {
  background: rgba(114,149,214, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1-match, .content #level-11-2-match, .content #level-11-3-match, .content #level-11-4-match, .content #level-11-5-match, .content #level-11-6-match, .content #level-11-7-match, .content #level-11-8-match, .content #level-11-9-match, .content #level-11-10-match, .content #level-11-11-match, .content #level-11-12-match, .content #level-11-13-match, .content #level-11-14-match, .content #level-11-15-match, .content #level-11-16-match, .content #level-11-17-match, .content #level-11-18-match, .content #level-11-19-match, .content #level-11-20-match, .content #level-11-21-match {
  background: rgba(50,112,225, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-11-1-match:hover, .content #level-11-2-match:hover, .content #level-11-3-match:hover, .content #level-11-4-match:hover, .content #level-11-5-match:hover, .content #level-11-6-match:hover, .content #level-11-7-match:hover, .content #level-11-8-match:hover, .content #level-11-9-match:hover, .content #level-11-10-match:hover, .content #level-11-11-match:hover, .content #level-11-12-match:hover, .content #level-11-13-match:hover, .content #level-11-14-match:hover, .content #level-11-15-match:hover, .content #level-11-16-match:hover, .content #level-11-17-match:hover, .content #level-11-18-match:hover, .content #level-11-19-match:hover, .content #level-11-20-match:hover, .content #level-11-21-match:hover {
  background: rgba(50,112,225, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1-spell, .content #level-11-2-spell, .content #level-11-3-spell, .content #level-11-4-spell, .content #level-11-5-spell, .content #level-11-6-spell, .content #level-11-7-spell, .content #level-11-8-spell, .content #level-11-9-spell, .content #level-11-10-spell, .content #level-11-11-spell, .content #level-11-12-spell, .content #level-11-13-spell, .content #level-11-14-spell, .content #level-11-15-spell, .content #level-11-16-spell, .content #level-11-17-spell, .content #level-11-18-spell, .content #level-11-19-spell, .content #level-11-20-spell, .content #level-11-21-spell {
  background: rgba(80,106,154, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-11-1-spell:hover, .content #level-11-2-spell:hover, .content #level-11-3-spell:hover, .content #level-11-4-spell:hover, .content #level-11-5-spell:hover, .content #level-11-6-spell:hover, .content #level-11-7-spell:hover, .content #level-11-8-spell:hover, .content #level-11-9-spell:hover, .content #level-11-10-spell:hover, .content #level-11-11-spell:hover, .content #level-11-12-spell:hover, .content #level-11-13-spell:hover, .content #level-11-14-spell:hover, .content #level-11-15-spell:hover, .content #level-11-16-spell:hover, .content #level-11-17-spell:hover, .content #level-11-18-spell:hover, .content #level-11-19-spell:hover, .content #level-11-20-spell:hover, .content #level-11-21-spell:hover {
  background: rgba(80,106,154, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-11-1-test, .content #level-11-2-test, .content #level-11-3-test, .content #level-11-4-test, .content #level-11-5-test, .content #level-11-6-test, .content #level-11-7-test, .content #level-11-8-test, .content #level-11-9-test, .content #level-11-10-test, .content #level-11-11-test, .content #level-11-12-test, .content #level-11-13-test, .content #level-11-14-test, .content #level-11-15-test, .content #level-11-16-test, .content #level-11-17-test, .content #level-11-18-test, .content #level-11-19-test, .content #level-11-20-test, .content #level-11-21-test {
  background: rgba(127,168,242, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-11-1-test:hover, .content #level-11-2-test:hover, .content #level-11-3-test:hover, .content #level-11-4-test:hover, .content #level-11-5-test:hover, .content #level-11-6-test:hover, .content #level-11-7-test:hover, .content #level-11-8-test:hover, .content #level-11-9-test:hover, .content #level-11-10-test:hover, .content #level-11-11-test:hover, .content #level-11-12-test:hover, .content #level-11-13-test:hover, .content #level-11-14-test:hover, .content #level-11-15-test:hover, .content #level-11-16-test:hover, .content #level-11-17-test:hover, .content #level-11-18-test:hover, .content #level-11-19-test:hover, .content #level-11-20-test:hover, .content #level-11-21-test:hover {
  background: rgba(127,168,242, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1-learn, .content #level-12-2-learn, .content #level-12-3-learn, .content #level-12-4-learn, .content #level-12-5-learn, .content #level-12-6-learn, .content #level-12-7-learn, .content #level-12-8-learn, .content #level-12-9-learn, .content #level-12-10-learn, .content #level-12-11-learn, .content #level-12-12-learn, .content #level-12-13-learn, .content #level-12-14-learn, .content #level-12-15-learn, .content #level-12-16-learn, .content #level-12-17-learn, .content #level-12-18-learn, .content #level-12-19-learn, .content #level-12-20-learn, .content #level-12-21-learn {
  background: rgba(114,186,150, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-1-learn:hover, .content #level-12-2-learn:hover, .content #level-12-3-learn:hover, .content #level-12-4-learn:hover, .content #level-12-5-learn:hover, .content #level-12-6-learn:hover, .content #level-12-7-learn:hover, .content #level-12-8-learn:hover, .content #level-12-9-learn:hover, .content #level-12-10-learn:hover, .content #level-12-11-learn:hover, .content #level-12-12-learn:hover, .content #level-12-13-learn:hover, .content #level-12-14-learn:hover, .content #level-12-15-learn:hover, .content #level-12-16-learn:hover, .content #level-12-17-learn:hover, .content #level-12-18-learn:hover, .content #level-12-19-learn:hover, .content #level-12-20-learn:hover, .content #level-12-21-learn:hover {
  background: rgba(114,186,150, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1-flashcards, .content #level-12-2-flashcards, .content #level-12-3-flashcards, .content #level-12-4-flashcards, .content #level-12-5-flashcards, .content #level-12-6-flashcards, .content #level-12-7-flashcards, .content #level-12-8-flashcards, .content #level-12-9-flashcards, .content #level-12-10-flashcards, .content #level-12-11-flashcards, .content #level-12-12-flashcards, .content #level-12-13-flashcards, .content #level-12-14-flashcards, .content #level-12-15-flashcards, .content #level-12-16-flashcards, .content #level-12-17-flashcards, .content #level-12-18-flashcards, .content #level-12-19-flashcards, .content #level-12-20-flashcards, .content #level-12-21-flashcards {
  background: rgba(37,212,125, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}
.content #level-12-1-flashcards:hover, .content #level-12-2-flashcards:hover, .content #level-12-3-flashcards:hover, .content #level-12-4-flashcards:hover, .content #level-12-5-flashcards:hover, .content #level-12-6-flashcards:hover, .content #level-12-7-flashcards:hover, .content #level-12-8-flashcards:hover, .content #level-12-9-flashcards:hover, .content #level-12-10-flashcards:hover, .content #level-12-11-flashcards:hover, .content #level-12-12-flashcards:hover, .content #level-12-13-flashcards:hover, .content #level-12-14-flashcards:hover, .content #level-12-15-flashcards:hover, .content #level-12-16-flashcards:hover, .content #level-12-17-flashcards:hover, .content #level-12-18-flashcards:hover, .content #level-12-19-flashcards:hover, .content #level-12-20-flashcards:hover, .content #level-12-21-flashcards:hover {
  background: rgba(37,212,125, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1-match, .content #level-12-2-match, .content #level-12-3-match, .content #level-12-4-match, .content #level-12-5-match, .content #level-12-6-match, .content #level-12-7-match, .content #level-12-8-match, .content #level-12-9-match, .content #level-12-10-match, .content #level-12-11-match, .content #level-12-12-match, .content #level-12-13-match, .content #level-12-14-match, .content #level-12-15-match, .content #level-12-16-match, .content #level-12-17-match, .content #level-12-18-match, .content #level-12-19-match, .content #level-12-20-match, .content #level-12-21-match {
  background: rgba(93,189,141, 1);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-12-1-match:hover, .content #level-12-2-match:hover, .content #level-12-3-match:hover, .content #level-12-4-match:hover, .content #level-12-5-match:hover, .content #level-12-6-match:hover, .content #level-12-7-match:hover, .content #level-12-8-match:hover, .content #level-12-9-match:hover, .content #level-12-10-match:hover, .content #level-12-11-match:hover, .content #level-12-12-match:hover, .content #level-12-13-match:hover, .content #level-12-14-match:hover, .content #level-12-15-match:hover, .content #level-12-16-match:hover, .content #level-12-17-match:hover, .content #level-12-18-match:hover, .content #level-12-19-match:hover, .content #level-12-20-match:hover, .content #level-12-21-match:hover {
  background: rgba(93,189,141, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1-spell, .content #level-12-2-spell, .content #level-12-3-spell, .content #level-12-4-spell, .content #level-12-5-spell, .content #level-12-6-spell, .content #level-12-7-spell, .content #level-12-8-spell, .content #level-12-9-spell, .content #level-12-10-spell, .content #level-12-11-spell, .content #level-12-12-spell, .content #level-12-13-spell, .content #level-12-14-spell, .content #level-12-15-spell, .content #level-12-16-spell, .content #level-12-17-spell, .content #level-12-18-spell, .content #level-12-19-spell, .content #level-12-20-spell, .content #level-12-21-spell {
  background: rgba(114,231,173, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-12-1-spell:hover, .content #level-12-2-spell:hover, .content #level-12-3-spell:hover, .content #level-12-4-spell:hover, .content #level-12-5-spell:hover, .content #level-12-6-spell:hover, .content #level-12-7-spell:hover, .content #level-12-8-spell:hover, .content #level-12-9-spell:hover, .content #level-12-10-spell:hover, .content #level-12-11-spell:hover, .content #level-12-12-spell:hover, .content #level-12-13-spell:hover, .content #level-12-14-spell:hover, .content #level-12-15-spell:hover, .content #level-12-16-spell:hover, .content #level-12-17-spell:hover, .content #level-12-18-spell:hover, .content #level-12-19-spell:hover, .content #level-12-20-spell:hover, .content #level-12-21-spell:hover {
  background: rgba(114,231,173, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}

.content #level-12-1-test, .content #level-12-2-test, .content #level-12-3-test, .content #level-12-4-test, .content #level-12-5-test, .content #level-12-6-test, .content #level-12-7-test, .content #level-12-8-test, .content #level-12-9-test, .content #level-12-10-test, .content #level-12-11-test, .content #level-12-12-test, .content #level-12-13-test, .content #level-12-14-test, .content #level-12-15-test, .content #level-12-16-test, .content #level-12-17-test, .content #level-12-18-test, .content #level-12-19-test, .content #level-12-20-test, .content #level-12-21-test {
  background: rgba(55,153,104, 1); 
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: lithos-pro, sans-serif;
}

.content #level-12-1-test:hover, .content #level-12-2-test:hover, .content #level-12-3-test:hover, .content #level-12-4-test:hover, .content #level-12-5-test:hover, .content #level-12-6-test:hover, .content #level-12-7-test:hover, .content #level-12-8-test:hover, .content #level-12-9-test:hover, .content #level-12-10-test:hover, .content #level-12-11-test:hover, .content #level-12-12-test:hover, .content #level-12-13-test:hover, .content #level-12-14-test:hover, .content #level-12-15-test:hover, .content #level-12-16-test:hover, .content #level-12-17-test:hover, .content #level-12-18-test:hover, .content #level-12-19-test:hover, .content #level-12-20-test:hover, .content #level-12-21-test:hover {
  background: rgba(55,153,104, .75);
  background-image: url('');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
}


  /**
 * 6.0 - Iframe
 */

iframe {
  width: 100%;
  border: none;
}

#test {
    height: 2000px;
}

#match, #learn, #flashcards, #spell {
    height: 825px;
}

@media (min-width: 992px) and (max-width: 1200px)  {
    #test {
        height: 1990px;
    }
    #spell {
        height: 400px;
    }
    #match, #learn, #flashcards {
        height: 600px;
    }
}

@media (min-width: 667px) and (max-width: 992px)  {
    #test {
        height: 2016px;
    }
    #spell {
        height: 600px;
    }
    #match, #learn, #flashcards {
        height: 600px;
    }
}

@media (min-width: 576px) and (max-width: 667px)  {
    #test {
        height: 2000px;
    }
    #spell {
        height: 450px;
    }
    #match, #learn, #flashcards {
        height: 600px;
    }
}

@media (min-width: 0px) and (max-width: 576px)  {
    #test {
        height: 1784px;
    }
    #spell {
        height: 350px;
    }
    #match, #learn, #flashcards {
        height: 600px;
    }
}