@import url("https://fonts.googleapis.com/css?family=Permanent+Marker|Roboto:300,400,500,700,900|Roboto+Condensed:700,400");
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?-2wqh7w");
  src: url("fonts/icomoon.eot?#iefix-2wqh7w") format("embedded-opentype"), url("fonts/icomoon.woff?-2wqh7w") format("woff"), url("fonts/icomoon.ttf?-2wqh7w") format("truetype"), url("fonts/icomoon.svg?-2wqh7w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 12, sass/vendor/_icomoon.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 26, sass/vendor/_icomoon.scss */
.icon-arrange-it:before {
  content: "\e600";
}

/* line 30, sass/vendor/_icomoon.scss */
.icon-highlight-it:before {
  content: "\e601";
}

/* line 34, sass/vendor/_icomoon.scss */
.icon-match-it:before {
  content: "\e602";
}

/* line 38, sass/vendor/_icomoon.scss */
.icon-organize-it:before {
  content: "\e603";
}

/* line 42, sass/vendor/_icomoon.scss */
.icon-review-it:before {
  content: "\e604";
}

/* line 46, sass/vendor/_icomoon.scss */
.icon-visualize-it:before {
  content: "\e605";
}

/* line 50, sass/vendor/_icomoon.scss */
.icon-write-it:before {
  content: "\e606";
}

/* line 54, sass/vendor/_icomoon.scss */
.icon-arrow-down:before {
  content: "\e607";
}

/* line 58, sass/vendor/_icomoon.scss */
.icon-arrow-left:before {
  content: "\e608";
}

/* line 62, sass/vendor/_icomoon.scss */
.icon-arrow-right:before {
  content: "\e609";
}

/* line 66, sass/vendor/_icomoon.scss */
.icon-bulb:before {
  content: "\e60a";
}

/* line 70, sass/vendor/_icomoon.scss */
.icon-notice-1:before {
  content: "\e60b";
}

/* line 74, sass/vendor/_icomoon.scss */
.icon-notice-2:before {
  content: "\e60c";
}

/* line 78, sass/vendor/_icomoon.scss */
.icon-notice-3:before {
  content: "\e60d";
}

/* line 82, sass/vendor/_icomoon.scss */
.icon-notice-4:before {
  content: "\e60e";
}

/* line 28, sass/modules/_typography.scss */
html,
body,
td {
  font-family: "Roboto", Verdana, Geneva, sans-serif;
  font-size: 100%;
  line-height: 1.4em;
  color: black;
}

/* line 35, sass/modules/_typography.scss */
p, ol li {
  font-size: 1.25em;
  line-height: 1.5em;
  color: #333333;
}
/* line 39, sass/modules/_typography.scss */
p.gray-bold, ol li.gray-bold {
  font-weight: bold;
  color: #666666;
}

/* line 45, sass/modules/_typography.scss */
p, pre {
  margin: 1em 0;
}

/* line 50, sass/modules/_typography.scss */
ol li p {
  font-size: 1em;
}

/* line 54, sass/modules/_typography.scss */
h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 2.7em;
  line-height: 1.3em;
  margin-top: 0.75em;
  color: #484848;
}

/* line 63, sass/modules/_typography.scss */
h1.page-title {
  background: url(img/elements/blue-border.png) no-repeat 0 100%;
  padding-bottom: 0.5357149em;
  margin-bottom: 0;
}

/* line 70, sass/modules/_typography.scss */
h2 {
  color: #666666;
  font-weight: 700;
  font-size: 1.75em;
  line-height: 1.2em;
}

/* line 76, sass/modules/_typography.scss */
h2.marker {
  font-family: "Permanent Marker", cursive;
  color: #e02a2b;
}

/* line 81, sass/modules/_typography.scss */
h3 {
  color: #0262af;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 90, sass/modules/_typography.scss */
h3.left-border {
  border-left: 2px solid #a0ce59;
  padding-left: 1em;
}

/* line 95, sass/modules/_typography.scss */
h4 {
  color: #666666;
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1.25em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 104, sass/modules/_typography.scss */
h4.bottom-border {
  border-bottom: 3px solid #27ae60;
  padding-bottom: 0.3em;
}

/* line 110, sass/modules/_typography.scss */
h5 {
  color: #239cf1;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.2em;
}

/* line 116, sass/modules/_typography.scss */
h6 {
  color: #666666;
  font-weight: 400;
  font-size: 1.125em;
  text-transform: uppercase;
}

/* line 128, sass/modules/_typography.scss */
a,
a:visited,
a:active,
.term,
.term:visited,
.term:active {
  text-decoration: none;
  color: #239cf1;
}

/* line 133, sass/modules/_typography.scss */
a:hover,
.term:hover {
  text-decoration: underline;
  color: #239cf1;
}

/* line 8, sass/modules/_layout.scss */
.zen-full {
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  /* padding-left:68px;
  padding-right:68px; */
}

/* line 14, sass/modules/_layout.scss */
.zen-third-one {
  float: left;
  width: 30%;
  margin-left: 5%;
  margin-right: -35%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/* line 17, sass/modules/_layout.scss */
.zen-third-two {
  float: left;
  width: 30%;
  margin-left: 35%;
  margin-right: -65%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/* line 20, sass/modules/_layout.scss */
.zen-third-three {
  float: left;
  width: 30%;
  margin-left: 65%;
  margin-right: -95%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/* line 25, sass/modules/_layout.scss */
.zen-left.zen-half {
  float: left;
  width: 50%;
  margin-left: 0%;
  margin-right: -50%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-right: 10px;
}

/* line 30, sass/modules/_layout.scss */
.zen-right.zen-half {
  float: left;
  width: 50%;
  margin-left: 50%;
  margin-right: -100%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-left: 10px;
}

/* line 35, sass/modules/_layout.scss */
.zen-left.zen-narrow {
  float: left;
  width: 40%;
  margin-left: 0%;
  margin-right: -40%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-right: 1.195em;
}

/* line 40, sass/modules/_layout.scss */
.zen-right.zen-narrow {
  float: left;
  width: 40%;
  margin-left: 60%;
  margin-right: -100%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-left: 1.195em;
}

/* line 45, sass/modules/_layout.scss */
.zen-left.zen-wide {
  float: left;
  width: 60%;
  margin-left: 0%;
  margin-right: -60%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-right: 1.195em;
}

/* line 50, sass/modules/_layout.scss */
.zen-right.zen-wide {
  float: left;
  width: 60%;
  margin-left: 40%;
  margin-right: -100%;
  padding-left: 1em;
  padding-right: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-left: 1.195em;
}

/* line 55, sass/modules/_layout.scss */
.cms_plugin *:first-child {
  margin-top: 0;
}

/* line 59, sass/modules/_layout.scss */
.placeholder {
  margin-bottom: 1em;
}

/* line 63, sass/modules/_layout.scss */
.front.admin .container, .admin .container, .container {
  padding-top: 0;
}

/* line 1, sass/modules/_style.scss */
body {
  background: none;
}

/* line 5, sass/modules/_style.scss */
.info {
  color: #555555;
  font-style: italic;
  padding: 0;
}

/* line 11, sass/modules/_style.scss */
.button {
  font-size: 1.125em;
  font-weight: 400;
  text-shadow: 1px 1px 0 #0262af;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  text-indent: 0;
  background-color: #239cf1;
  text-transform: uppercase;
  color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  width: auto;
  display: inline-block;
  padding-top: 0.33em;
  padding-bottom: 0.33em;
  padding-right: 1.5em;
  padding-left: 1.5em;
}
/* line 28, sass/modules/_style.scss */
.button:hover {
  color: white;
  background-image: none;
  background-color: #239cf1;
}
/* line 32, sass/modules/_style.scss */
.button:hover:before {
  background-color: #239cf1;
}

/* line 38, sass/modules/_style.scss */
#toc a:hover {
  background-color: #239cf1;
  color: white;
}

/* line 1, sass/modules/_navigation.scss */
.main_nav_menu {
  display: flex;
  margin: 0 auto;
  max-width: 1200px;
  min-width: 1024px;
  background-color: #083265;
  padding: 0.5em;
  line-height: 1.9em;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* line 14, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson li a {
  color: white;
}
/* line 16, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson li a:hover {
  color: black;
}
/* line 20, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson ol {
  list-style: none;
  padding-left: 1em;
}
/* line 23, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson ol li {
  padding-left: 0;
}
/* line 27, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson ul {
  padding-left: 1em;
}
/* line 29, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson ul li {
  padding-left: 0;
}
/* line 33, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson ol li:hover, nav.main_nav_menu.lesson li.credits:hover {
  background-color: transparent;
}
/* line 36, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson .auth a.button {
  color: white;
  padding-bottom: 0.33em;
}
/* line 41, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson .overlay {
  min-width: 10em;
  background-color: #0262af;
  right: auto;
  top: 4em;
  line-height: 1em;
}

/* line 50, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson button.menuthingy, .navigation-action button.my_work_btn, .navigation-action button.glossary_button {
  /* This is never actually used (because we can't manipulate the HTML), but it is used to create the "extend", in s SASS sense for the other buttons */
  font-size: 1.125em;
  font-family: "Roboto", Verdana, Geneva, sans-serif !important;
  position: static;
  text-indent: 0;
  background-image: none;
  background-color: white;
  border: 1px solid #484848;
  text-transform: uppercase;
  color: #0262af;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 0 0.7em 0.5em 0.7em;
  display: inline-block;
  width: auto;
  height: 2.1em;
  text-shadow: none;
  -webkit-box-showdow: none;
  box-shadow: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
}
/* line 71, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson button.menuthingy:hover, .navigation-action button.my_work_btn:hover, .navigation-action button.glossary_button:hover {
  color: white;
  background-image: none;
  background-color: #27ae60;
}
/* line 75, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson button.menuthingy:hover:before, .navigation-action button.my_work_btn:hover:before, .navigation-action button.glossary_button:hover:before {
  background-color: white;
  color: #27ae60;
}
/* line 80, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson button.menuthingy:before, .navigation-action button.my_work_btn:before, .navigation-action button.glossary_button:before {
  position: relative;
  top: 0.15em;
  left: -0.3em;
  font-size: 1.5em;
  -webkit-transition: -webkit-transform, 1s;
  -moz-transition: -moz-transform, 1s;
  -o-transition: -o-transform, 1s;
  transition: transform, 1s;
  color: white;
  display: inline-block;
  background-color: #27ae60;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 107, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson button.menuthingy:before {
  content: "\e609";
}
/* line 112, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy {
  background-color: #239cf1;
  color: white;
}
/* line 115, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy:before {
  color: #239cf1;
  background-color: white;
}
/* line 121, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy, nav.main_nav_menu.lesson button.menuthingy {
  background-image: none;
}
/* line 123, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy:hover, nav.main_nav_menu.lesson button.menuthingy:hover {
  background-color: #239cf1;
  color: white;
}
/* line 126, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy:hover:before, nav.main_nav_menu.lesson button.menuthingy:hover:before {
  color: #239cf1;
  background-color: white;
}
/* line 132, sass/modules/_navigation.scss */
nav.main_nav_menu.lesson.active button.menuthingy:before {
  background-color: white;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 139, sass/modules/_navigation.scss */
.navigation-action {
  position: static;
  z-index: 9;
  height: 0;
}
/* line 143, sass/modules/_navigation.scss */
.navigation-action button.my_work_btn, .navigation-action button.glossary_button {
  color: #0262af;
  margin-left: 0.5em;
  position: static !important;
  padding-top: 0px !important;
}
/* line 150, sass/modules/_navigation.scss */
.navigation-action button.my_work_btn:hover, .navigation-action button.glossary_button:hover {
  background-color: #239cf1;
  color: white;
}
/* line 154, sass/modules/_navigation.scss */
.navigation-action button.my_work_btn:before, .navigation-action button.glossary_button:before {
  content: "\e609";
}

/* line 160, sass/modules/_navigation.scss */
#pagination {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #484848;
  padding-top: 0;
  padding-right: 0;
  height: 2em;
  font-size: 1.125em;
  line-height: 2.1em;
  width: 11em;
  background-color: #27ae60;
  color: white;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  top: -2.55em;
  right: 0.4em;
}
/* line 177, sass/modules/_navigation.scss */
#pagination:before, #pagination:after {
  display: inline-block;
  position: relative;
  top: 0.15em;
  padding: 0.1em .25em;
  font-family: "icomoon";
  font-size: 1.5em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 194, sass/modules/_navigation.scss */
#pagination:before {
  content: " ";
}
/* line 198, sass/modules/_navigation.scss */
#pagination:after {
  content: " ";
}
/* line 201, sass/modules/_navigation.scss */
#pagination .current {
  font-size: inherit;
  font-weight: inherit;
}
/* line 205, sass/modules/_navigation.scss */
#pagination .label {
  display: inline;
}

/* line 211, sass/modules/_navigation.scss */
.next-previous {
  position: relative;
  top: -2.8em;
}
/* line 215, sass/modules/_navigation.scss */
.next-previous .next-previous-container {
  position: relative;
  right: -12.2em;
  top: 0.05em;
  margin: 2px 5px;
  min-width: 192px;
  max-width: 192px;
  float: right;
}
/* line 223, sass/modules/_navigation.scss */
.next-previous .next-previous-container .icon-prev, .next-previous .next-previous-container .icon-next {
  background-image: none;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  height: auto;
  line-height: 0;
  padding: 0.1em;
  font-size: 1.125em;
  background-color: #27ae60;
  color: white;
  text-transform: uppercase;
  display: inline-block;
}
/* line 235, sass/modules/_navigation.scss */
.next-previous .next-previous-container .icon-prev:hover, .next-previous .next-previous-container .icon-next:hover {
  background-color: #207845;
}
/* line 238, sass/modules/_navigation.scss */
.next-previous .next-previous-container .icon-prev:before, .next-previous .next-previous-container .icon-prev:after, .next-previous .next-previous-container .icon-next:before, .next-previous .next-previous-container .icon-next:after {
  display: inline-block;
  padding: 0.5em 0;
  font-family: "icomoon";
  font-size: 1.5em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 256, sass/modules/_navigation.scss */
.next-previous .next-previous-container .icon-prev:before {
  content: "\e608";
}
/* line 262, sass/modules/_navigation.scss */
.next-previous .next-previous-container .icon-next:before {
  content: "\e609";
}
/* line 267, sass/modules/_navigation.scss */
.next-previous .next-previous-container .lesson_next, .next-previous .next-previous-container .lesson_previous {
  background-color: transparent;
  position: absolute;
  margin-top: 0;
  padding: 0;
  top: 0;
  width: 50%;
  height: auto;
  z-index: 99;
}
/* line 277, sass/modules/_navigation.scss */
.next-previous .next-previous-container .lesson_next {
  right: 0;
}
/* line 280, sass/modules/_navigation.scss */
.next-previous .next-previous-container .lesson_previous {
  left: 0;
}

/* line 1, sass/modules/_header.scss */
.header-container {
  background-color: #0262af;
  position: static;
}
/* line 7, sass/modules/_header.scss */
.header-container .project-title {
  display: block;
  background-color: white;
  border-top: 3px solid #e02a2b;
  margin: 0;
  padding: 0.5em;
  text-align: center;
  font-size: 1em;
  color: #666666;
  font-weight: 700;
  line-height: 1.2em;
}
/* line 21, sass/modules/_header.scss */
.header-container .lesson-title {
  padding: 1em 0;
  font-size: 3.125em;
  font-weight: 300;
  color: white;
  text-align: center;
  margin: 0 auto;
  font-family: "Roboto", Verdana, Geneva, sans-serif;
  color: white;
  text-align: center;
  display: block;
  line-height: 1;
}

/* line 36, sass/modules/_header.scss */
.header-inner-container {
  padding-bottom: 0.5em;
  position: relative;
}

/* line 40, sass/modules/_header.scss */
header.content {
  position: static;
}

/* line 44, sass/modules/_header.scss */
.header-inner-container header.content {
  background: none;
  height: auto;
  padding: 0;
}

/* line 49, sass/modules/_header.scss */
.content.primary-border {
  border: none;
}

/* line 1, sass/modules/_footer.scss */
.footer {
  margin-top: 1em;
  border-top: 3px solid #cccccc;
  color: #cccccc;
  text-transform: uppercase;
}
/* line 6, sass/modules/_footer.scss */
.footer a, .footer a:link {
  color: #cccccc;
}

/* line 2, sass/modules/_callout.scss */
.callout {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: #cccccc 2px 2px 5px;
  -moz-box-shadow: #cccccc 2px 2px 5px;
  box-shadow: #cccccc 2px 2px 5px;
  border: 1px solid #cccccc;
  padding: 2em 2em 1em 2em;
  margin: 1em 0;
  font-weight: 700;
  background: #fbfbfb no-repeat 0 0;
  color: #484848;
  position: relative;
}
/* line 12, sass/modules/_callout.scss */
.callout.idea, .callout.instruction {
  padding-top: 5.5em;
}
/* line 14, sass/modules/_callout.scss */
.callout.idea:before, .callout.instruction:before {
  display: block;
  position: absolute;
  height: 1em;
  width: 1em;
  font-family: 'icomoon';
  color: white;
  font-weight: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 29, sass/modules/_callout.scss */
.callout.idea {
  background-image: url(img/elements/callout-head-green.png);
}
/* line 31, sass/modules/_callout.scss */
.callout.idea:before {
  content: "\e60a";
  font-size: 3em;
  top: 0.2em;
  left: 0.7em;
}
/* line 38, sass/modules/_callout.scss */
.callout.instruction {
  background-image: url(img/elements/callout-head-blue.png);
}
/* line 40, sass/modules/_callout.scss */
.callout.instruction:before {
  content: "\e60e";
  font-size: 4em;
  top: 0;
  left: 0.4em;
}
/* line 47, sass/modules/_callout.scss */
.callout *:first-child {
  margin-top: 0;
}

/* line 1, sass/modules/_sticky.scss */
div.sticky {
  position: relative;
  padding: 2em 1em;
  margin: 1em 0;
  width: 100%;
  background: no-repeat 0 0;
  background-size: 100%;
  font-family: "Permanent Marker", cursive;
  font-size: 1.75em;
  color: black;
  text-align: center;
  /*
  &:before {
      position:absolute;
      width:100%;
      height:100%;
      top:0;
      left:0;
  }
  */
}
/* line 21, sass/modules/_sticky.scss */
div.sticky .sticky-background {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 26, sass/modules/_sticky.scss */
div.sticky .sticky-content {
  padding: 2em 1em;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 35, sass/modules/_sticky.scss */
div.sticky.pink {
  background-image: url(img/elements/postit-pink.png);
}
/* line 38, sass/modules/_sticky.scss */
div.sticky.blue {
  background-image: url(img/elements/postit-blue.png);
}
/* line 41, sass/modules/_sticky.scss */
div.sticky.green {
  background-image: url(img/elements/postit-green.png);
}
/* line 46, sass/modules/_sticky.scss */
div.sticky * {
  font-family: "Permanent Marker", cursive;
  color: black;
  text-align: center;
}

/* line 1, sass/modules/_notepaper.scss */
.notepaper {
  background: url(img/elements/notebook.png) repeat-y 0 0;
  margin: 0.5em 0;
  padding: 1em 4.5em;
}
/* line 9, sass/modules/_notepaper.scss */
.notepaper, .notepaper * {
  font-family: "Permanent Marker", cursive;
  color: black;
}
/* line 13, sass/modules/_notepaper.scss */
.notepaper > * {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

/* line 1, sass/modules/_plugins.scss */
.plugin_btn_container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* line 7, sass/modules/_plugins.scss */
.arrangeit_trigger, .hilite_trigger, .matchit_trigger, .organizeit_trigger, .reviewit_trigger, .visualizeit_trigger, .writeit_trigger {
  /* This is never actually used (because we can't manipulate the HTML), but it is used to create the "extend", in s SASS sense for the other buttons */
  font-size: 1.75em;
  font-weight: 300;
  text-shadow: 1px 1px 0 #0262af;
  text-indent: 0;
  background-color: #239cf1;
  background-image: none;
  border: 4px solid #0262af;
  text-transform: uppercase;
  -webkit-box-showdow: none;
  box-shadow: none;
  color: white;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  width: auto;
  height: 2.1em;
  line-height: 1.9em;
  display: inline-block;
  margin: 0.5em 0;
  padding-top: 0;
  padding-right: 0.6em;
  padding-left: 0.6em;
}
/* line 29, sass/modules/_plugins.scss */
.arrangeit_trigger:hover, .hilite_trigger:hover, .matchit_trigger:hover, .organizeit_trigger:hover, .reviewit_trigger:hover, .visualizeit_trigger:hover, .writeit_trigger:hover {
  color: white;
  background-image: none;
  background-color: #0262af;
}
/* line 33, sass/modules/_plugins.scss */
.arrangeit_trigger:hover:before, .hilite_trigger:hover:before, .matchit_trigger:hover:before, .organizeit_trigger:hover:before, .reviewit_trigger:hover:before, .visualizeit_trigger:hover:before, .writeit_trigger:hover:before {
  background-color: white;
}
/* line 37, sass/modules/_plugins.scss */
.arrangeit_trigger:before, .hilite_trigger:before, .matchit_trigger:before, .organizeit_trigger:before, .reviewit_trigger:before, .visualizeit_trigger:before, .writeit_trigger:before {
  -webkit-box-shadow: rgba(2, 98, 175, 0.4) 0 0 25px;
  -moz-box-shadow: rgba(2, 98, 175, 0.4) 0 0 25px;
  box-shadow: rgba(2, 98, 175, 0.4) 0 0 25px;
  position: relative;
  top: 0.15em;
  left: -0.2em;
  font-size: 1.5em;
  padding: 0.15em;
  -webkit-transition: -webkit-transform, 1s;
  -moz-transition: -moz-transform, 1s;
  -o-transition: -o-transform, 1s;
  transition: transform, 1s;
  color: #27ae60;
  display: inline-block;
  background-color: white;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 67, sass/modules/_plugins.scss */
.arrangeit_trigger:before {
  content: "\e600";
}

/* line 74, sass/modules/_plugins.scss */
.hilite_trigger:before {
  content: "\e601";
}

/* line 80, sass/modules/_plugins.scss */
.matchit_trigger:before {
  content: "\e602";
}

/* line 86, sass/modules/_plugins.scss */
.organizeit_trigger:before {
  content: "\e603";
}

/* line 92, sass/modules/_plugins.scss */
.reviewit_trigger:before {
  content: "\e604";
}

/* line 98, sass/modules/_plugins.scss */
.visualizeit_trigger:before {
  content: "\e605";
}

/* line 104, sass/modules/_plugins.scss */
.writeit_trigger:before {
  content: "\e606";
}

/* Arrange It */
/* line 110, sass/modules/_plugins.scss */
.card .edit, .card .delete {
  top: -2.1em;
}

/* line 114, sass/modules/_plugins.scss */
.card .delete-confirm p {
  font-size: 1em;
}

/* line 119, sass/modules/_plugins.scss */
.matchit-contain.submitted_True .work_btn, .submitted_state .work_btn, .can_restart .work_btn {
  display: block;
}

/* line 124, sass/modules/_plugins.scss */
.quiz_main_contain .work_btn {
  padding-top: 2em;
}

/* line 128, sass/modules/_plugins.scss */
.work_btn {
  text-align: center;
}