/* line 4, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_fonts.scss */
.text-left {
  text-align: left !important;
}

/* line 8, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_fonts.scss */
.text-right {
  text-align: right !important;
}

/* line 12, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_fonts.scss */
.text-center {
  text-align: center !important;
}

/* line 8, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_colors.scss */
.highlight {
  color: #ec008c;
}

/* line 1, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.w-100 {
  width: 100%;
}

/* line 5, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.w-80 {
  width: 80%;
}

/* line 9, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.w-60 {
  width: 60%;
}

/* line 13, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.w-40 {
  width: 40%;
}

/* line 17, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.center {
  display: block;
  margin: 0 auto;
}

/* line 22, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.auto-height {
  height: auto !important;
}

/* line 26, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mt-1 {
  margin-top: 1rem;
}

/* line 30, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mt-3 {
  margin-top: 3rem;
}

/* line 34, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mt-5 {
  margin-top: 5rem;
}

/* line 38, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mb-1 {
  margin-bottom: 1rem;
}

/* line 42, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mb-3 {
  margin-bottom: 3rem;
}

/* line 46, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.mb-5 {
  margin-bottom: 5rem;
}

/* line 50, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.normal {
  font-weight: normal;
}

/* line 55, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_utilities.scss */
.present-mode .vertical-middle {
  margin-top: 25%;
}

/* line 3, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects aside {
  grid-template-columns: 1fr;
  grid-column: 1/3;
}

/* line 6, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects aside ul li {
  list-style: initial;
  margin-bottom: .25rem;
}

@media (min-width: 992px) {
  /* line 3, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects aside {
    margin-top: 2rem;
    grid-column: 1/2;
  }
}

/* line 18, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects aside h3 span {
  display: block;
  font-size: 2rem;
  margin: 0;
  border-bottom: 1px dotted #000;
  padding-bottom: .5rem;
  width: fit-content;
}

/* line 31, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects aside .mic {
  width: 100%;
}

/* line 34, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects aside .mic img {
  width: 180px;
  margin-left: -20px;
}

@media (min-width: 992px) {
  /* line 31, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects aside .mic {
    margin-top: 40px;
  }
}

@media (min-width: 1600px) {
  /* line 45, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects .container.prj {
    max-width: 1300px;
  }
}

/* line 49, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects .container.prj .grid {
  grid-gap: 4rem;
}

/* line 53, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects .container.prj.home article {
  grid-column: 1/3;
}

/* line 61, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article {
  grid-column: 1/3;
}

@media (min-width: 992px) {
  /* line 61, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects article {
    grid-column: 2/3;
  }
}

/* line 68, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article section a {
  color: #000;
}

/* line 70, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article section a:hover {
  color: #ec008c;
}

/* line 76, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article .intro {
  font-weight: normal;
  font-size: 1.2rem;
}

/* line 81, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article .download-print a {
  color: #ec008c;
  display: inline-block;
  margin-right: .7rem;
  padding: .5rem 1.5rem;
}

/* line 86, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article .download-print a:hover {
  color: #fff;
}

/* line 92, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article h1.title {
  background: transparent;
  color: #000;
  font-size: 2.5rem;
  line-height: 1;
  padding: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  /* line 92, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects article h1.title {
    font-size: 4rem;
  }
}

/* line 105, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.rubric {
  grid-column: 1/3;
}

@media (min-width: 992px) {
  /* line 105, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .projects article.rubric {
    grid-column: 2/3;
  }
}

/* line 110, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.rubric section {
  border-bottom: none;
}

/* line 114, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics {
  padding: 1.5rem 2.5rem;
  background-color: #CEECC6;
}

/* line 117, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics h2 {
  font-size: 3rem;
  line-height: 1;
}

/* line 121, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics h3 {
  font-size: 1rem;
  margin-bottom: .5rem;
}

/* line 125, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics ol {
  list-style: upper-latin;
}

/* line 127, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics ol li {
  margin-bottom: 1.5rem;
}

/* line 132, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics ul {
  list-style: disc;
}

/* line 134, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects article.project-topics ul li {
  margin-bottom: 1.5rem;
}

/* line 141, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table {
  width: 100%;
  margin-top: 1.5rem;
}

/* line 148, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table thead tr.index {
  background: #808080;
  border-bottom: 1px solid #000;
}

/* line 151, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table thead tr.index th {
  color: #fff;
  font-weight: normal;
}

/* line 156, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table thead tr th {
  font-weight: bold;
  color: #000;
  padding: .25rem;
  border: 1px solid #000;
  border-bottom: none;
}

/* line 166, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table tbody tr {
  border-bottom: 1px solid #000;
}

/* line 169, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table tbody tr.table-highlight td {
  background: #000;
  color: yellow;
  text-align: center;
  padding: .25rem;
  font-size: .85rem;
}

/* line 178, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table tbody td {
  padding: .5rem;
  border-left: 1px solid #000;
}

/* line 180, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table tbody td:nth-child(1) {
  background: #e6e6e6;
}

/* line 184, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table tbody td:last-child {
  border-right: 1px solid #000;
}

/* line 191, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.projects table p.note {
  display: block !important;
}

/* line 201, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #000;
  padding-bottom: .8rem;
}

@media (max-width: 992px) {
  /* line 201, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .breadcrumbs {
    margin-bottom: 2rem;
  }
}

/* line 209, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs .grid {
  width: fit-content;
  text-align: center;
  grid-gap: 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 216, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs .grid li {
  font-size: .9rem;
}

/* line 218, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs .grid li a {
  text-decoration: none;
  color: #000;
}

/* line 221, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs .grid li a:hover {
  color: #ec008c;
  text-decoration: underline;
}

/* line 226, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.breadcrumbs .grid li:last-child {
  font-weight: bolder;
}

/* line 237, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.prj.home .grid {
  grid-template-columns: 1fr;
}

/* line 239, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
.prj.home .grid .gallery {
  grid-template-columns: 1fr;
}

@media (min-width: 992px) {
  /* line 239, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_projects.scss */
  .prj.home .grid .gallery {
    grid-template-columns: 1fr 1fr;
  }
}

/* line 1, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
#changeMode {
  background: #808080;
  border: none;
  padding: .5rem 1rem;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

@media (max-width: 992px) {
  /* line 1, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
  #changeMode {
    display: none;
  }
}

/* line 15, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.pm {
  display: none;
}

/* line 19, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode {
  background-color: #fefdf4;
}

/* line 21, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode #changeMode {
  background: #CEECC6;
  color: #000;
}

/* line 27, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode .pm {
  display: block !important;
}

/* line 31, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode img.pm {
  margin-top: 2rem;
}

/* line 34, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode nav {
  display: none;
}

/* line 38, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode .grid {
  display: block;
}

/* line 58, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 30px;
  margin-bottom: 20vh;
}

@media (min-width: 992px) {
  /* line 58, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
  .present-mode aside {
    flex-wrap: wrap;
    flex-direction: row;
  }
}

/* line 69, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode aside h1 {
  font-size: 10rem;
  grid-column: 1/7;
  margin-bottom: 20%;
}

/* line 74, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode aside section {
  font-size: 1.7rem;
}

/* line 80, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section {
  height: 100vh;
}

/* line 82, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section p, .present-mode article section ul, .present-mode article section ol, .present-mode article section a {
  font-size: 2rem;
}

/* line 86, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* line 89, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section h2.main {
  font-size: 10rem;
}

/* line 94, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .em {
  color: #ec008c;
}

/* line 98, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  justify-items: center;
  grid-gap: 2rem;
}

/* line 103, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .table ul {
  font-size: .85em;
}

/* line 108, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .image-grid {
  width: 70%;
  list-style: none;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  justify-items: center;
  grid-gap: 2rem;
  margin-top: 5rem;
}

/* line 116, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .image-grid img {
  width: 100%;
  display: block;
  margin-bottom: 12px;
}

/* line 122, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section .image-grid li {
  font-size: .7em;
  margin: 0 !important;
}

/* line 129, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section img.showcase {
  margin-top: 5vh;
  width: auto;
  height: 95vh;
}

/* line 137, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_presentmode.scss */
.present-mode article section iframe.showcase {
  margin-top: 5vh;
  width: 100%;
  height: 95vh;
}

/* line 1, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
.logo {
  display: inline-block;
  float: left;
  width: 3rem;
  margin-right: 1rem;
}

/* line 6, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
.logo img {
  width: 100%;
}

/* line 12, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
.menu-button {
  background: transparent;
  padding: 0;
  border: none;
  float: right;
  font-weight: bold;
  font-size: 1.3rem;
  color: #000;
}

@media (min-width: 992px) {
  /* line 12, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
  .menu-button {
    display: none;
  }
}

@media print {
  /* line 12, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
  .menu-button {
    display: none;
  }
}

/* line 28, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav ul {
  display: none !important;
}

@media (min-width: 992px) {
  /* line 28, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
  nav ul {
    display: grid !important;
  }
}

/* line 35, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav.open ul {
  display: block !important;
  margin-top: 1rem;
  width: 100%;
}

/* line 39, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav.open ul li {
  line-height: 2;
  border-bottom: 1px dotted #000;
  width: 100%;
}

/* line 43, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav.open ul li:last-child {
  border-bottom: none;
}

/* line 46, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav.open ul li:first-child {
  border-top: 1px soild #000;
}

/* line 49, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/_menu.scss */
nav.open ul li a {
  padding: .5rem 0;
  display: block;
}

/* line 11, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
html {
  scroll-behavior: smooth;
}

/* line 15, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
* {
  box-sizing: border-box;
}

/* line 20, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.date .fas {
  font-size: 1em;
  margin-left: 0.5rem;
  color: #fff;
}

/* line 26, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.list-unstyled {
  list-style: none;
}

/* line 38, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.hide {
  display: none !important;
}

/* line 45, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.self-note {
  display: none;
  background-color: #CEECC6;
  padding: 1rem;
  list-style: none;
  margin: 1rem 0;
  font-style: italic;
}

/* line 57, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.note {
  width: 100%;
  float: left;
  font-style: italic;
  padding: 2rem 0 1rem;
  display: none;
}

/* line 72, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 40px;
  color: #e3e3e3;
}

/* line 79, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.scroll-top:hover {
  color: #808080;
}

/* line 87, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
body {
  font-family: "Source Sans Pro", sans-serif;
  margin: 1rem 0;
  font-size: 17px;
}

/* line 93, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
#date {
  float: left;
  color: #fff;
  background-color: #ec008c;
  padding: 10px;
  margin-right: 2em;
  font-size: 0.9em;
  margin-bottom: 1em;
}

@media (min-width: 580px) {
  /* line 93, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  #date {
    margin-bottom: 0;
  }
}

/* line 105, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
#date i {
  padding: 0 5px;
}

/* line 110, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.office-hours {
  color: #808080;
  font-style: italic;
  margin: 5px 0 10px;
  display: inline-block;
}

/* line 117, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.container {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  /* line 117, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .container {
    width: 77%;
  }
}

@media (min-width: 1600px) {
  /* line 117, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .container {
    width: 67%;
  }
}

/* line 133, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.container-fluid {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  /* line 133, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .container-fluid {
    width: 90%;
  }
}

/* line 145, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
nav {
  width: 100%;
  float: left;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #000;
}

/* line 152, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
nav ul {
  display: grid;
  float: left;
  grid-auto-flow: column;
  grid-column-gap: 1rem;
}

@media (min-width: 580px) {
  /* line 152, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  nav ul {
    float: right;
  }
}

/* line 162, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
nav a {
  text-decoration: none;
  color: #000;
}

/* line 166, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
nav a.active {
  color: #ec008c;
  text-decoration: underline;
}

/* line 176, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}

@media (min-width: 992px) {
  /* line 176, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .grid {
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
}

/* line 185, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout .grid {
  display: inline-block;
}

@media (min-width: 992px) {
  /* line 185, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .handout .grid {
    display: grid;
    grid-template-columns: 20% 80%;
    grid-gap: 3rem;
  }
}

/* line 207, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.grid .search-container {
  padding: 10px 0;
  grid-column: 1/3;
}

/* line 210, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.grid .search-container input {
  width: 100%;
  height: 40px;
  font-size: 16px;
  border: 1px solid #808080;
  border-radius: 4px;
  padding: 10px;
}

/* line 221, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 1rem;
}

/* line 226, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout aside {
  grid-template-columns: 1fr;
}

@media (min-width: 992px) {
  /* line 221, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  aside {
    grid-template-columns: 1fr;
  }
}

/* line 233, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content {
  position: sticky;
}

/* line 235, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content h2 {
  margin: 2em 0;
}

/* line 238, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content li {
  border-bottom: 1px dotted #000;
  margin-bottom: .5em;
  padding-bottom: .5em;
}

/* line 242, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content li:first-child {
  border-top: 1px dotted #000;
  padding-top: .5em;
}

/* line 246, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content li a {
  text-decoration: none;
}

/* line 248, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content li a:hover {
  text-decoration: underline;
}

/* line 251, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .tb-content li a.active {
  color: #b9006e;
}

/* line 260, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .controls button {
  background: transparent;
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  display: block;
  padding-left: 0;
  margin-bottom: 0.5rem;
}

/* line 270, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .controls button:hover {
  color: #ec008c;
  cursor: pointer;
}

/* line 275, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside .controls button:focus {
  outline: none;
}

/* line 281, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside a {
  color: #000;
}

/* line 284, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside a:hover {
  color: #ec008c;
}

/* line 289, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
aside span {
  display: block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0.85rem;
  margin: 1rem 0 0.5rem;
  font-weight: bold;
}

/* line 301, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article {
  line-height: 1.5;
}

/* line 302, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article {
  padding: 1.5em;
  background-color: #f7f7f6;
}

/* line 306, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article ol.list a {
  text-decoration: none;
  color: #000;
}

/* line 309, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article ol.list a:hover {
  color: #ec008c;
}

/* line 317, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .intro {
  font-size: 1.1em;
}

/* line 321, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article {
  grid-column: 1/3;
}

/* line 324, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article header {
  display: grid;
  grid-auto-flow: column;
}

/* line 331, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article .online {
  float: right;
}

/* line 334, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article .online::before {
  content: "";
  margin-right: 8px;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #c6f0ff;
}

/* line 345, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article h1 {
  background: #000;
  padding: 0.5rem 1rem;
  color: #fff;
  width: fit-content;
}

/* line 351, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article h1 {
  text-transform: uppercase;
  background: #000;
  border: 2px solid #000;
  color: #fff;
  padding: 0.1rem;
}

@media (min-width: 992px) {
  /* line 351, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .schedule article h1 {
    padding: 0 0.5rem 0 0;
  }
}

/* line 362, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article h1 span {
  font-weight: normal;
}

/* line 365, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article h1 span {
  display: block;
  background: #fff;
  color: #000;
  padding: 0 0.5rem;
}

@media (min-width: 992px) {
  /* line 365, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .schedule article h1 span {
    display: inline-block;
    margin-right: 0.33333rem;
  }
}

/* line 385, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid #000;
}

/* line 386, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.hidden {
  display: none;
}

/* line 389, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.no-borders {
  border: none;
}

/* line 392, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section video, article section .website {
  width: 100%;
}

/* line 396, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.website {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* line 400, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.website iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* line 411, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

/* line 416, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* line 427, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section .button {
  padding: 10px;
  text-decoration: none;
  color: #ec008c;
  border: 1px solid #ec008c;
  display: block;
  padding: 1rem;
  margin: 1rem 0;
  width: fit-content;
}

/* line 436, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section .button:hover {
  background: #ec008c;
  color: #fff;
}

/* line 450, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.vir {
  background-color: #c6f0ff;
}

/* line 454, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section {
  display: grid;
  padding-left: 0.5rem;
  grid-template-columns: 1fr 0.25fr 2fr;
  grid-column-gap: 1rem;
}

/* line 460, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .to-do {
  color: #ec008c;
}

/* line 466, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code {
  margin-top: 1rem;
  list-style: none;
  display: block;
}

/* line 473, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code pre {
  white-space: pre-line;
}

/* line 475, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code pre .hljs-comment {
  float: left;
}

/* line 480, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button {
  background: transparent;
  border: 1px solid #ec008c;
  padding: 0.45rem 1rem 0.55rem;
  color: #ec008c;
  width: fit-content;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
}

/* line 489, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button i {
  margin: 0.25rem 0 0 0.35rem;
  transform: rotate(0deg);
}

/* line 494, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button:focus {
  outline: none;
  background-color: #ec008c;
  color: #fff;
}

/* line 498, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button:focus i {
  color: #fff;
}

/* line 503, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button:hover {
  background-color: #ec008c;
  color: #fff;
  cursor: pointer;
}

/* line 507, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button:hover i {
  color: #fff;
}

/* line 513, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button.active i {
  transform: rotate(180deg);
}

/* line 517, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code button.active + .code-snippet {
  display: block;
}

/* line 523, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code .code-snippet {
  display: none;
  font-size: 0.9em;
  padding: 1rem;
  background: #ffecf7;
  margin-left: 0;
  color: #000;
}

/* line 530, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .code .code-snippet li {
  list-style-type: disc;
}

/* line 553, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section .cancel {
  text-decoration: line-through;
}

/* line 557, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section a {
  color: #ec008c;
}

/* line 560, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section a:hover {
  color: blue;
}

/* line 563, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section a:hover i {
  color: #ec008c;
}

/* line 568, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section a i {
  font-size: 0.9rem;
  color: #808080;
  margin-left: 0.25rem;
}

/* line 580, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section:last-child {
  border-bottom: none;
}

/* line 584, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section h2 {
  font-size: 1rem;
  padding-bottom: 0.5rem;
}

/* line 588, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section h2 {
  grid-column: 1/3;
}

@media (min-width: 992px) {
  /* line 588, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .schedule article section h2 {
    grid-column: 1;
  }
}

/* line 599, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ol {
  list-style-type: decimal;
}

/* line 602, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ol li {
  margin-left: 0;
}

@media (min-width: 992px) {
  /* line 602, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article section ol li {
    margin-left: 16px;
  }
}

/* line 615, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ul {
  list-style-type: disc;
}

/* line 618, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section ul {
  grid-column: 1/4;
}

@media (min-width: 992px) {
  /* line 618, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .schedule article section ul {
    grid-column: 3;
  }
}

/* line 625, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ul li {
  margin-left: 0;
}

@media (min-width: 992px) {
  /* line 625, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article section ul li {
    margin-left: 16px;
  }
}

/* line 632, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section ul li.res {
  margin-top: 1rem;
  list-style: none;
  width: fit-content;
}

/* line 637, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section ul li.res a {
  border: 1px solid #ec008c;
  padding: 0.33333rem 1rem;
  text-decoration: none;
  display: block;
}

/* line 643, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.schedule article section ul li.res a:hover {
  background-color: #ec008c;
  color: #fff;
}

/* line 651, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ul li ul {
  list-style-type: circle;
}

/* line 656, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section ul.upper-alpha {
  list-style-type: upper-alpha;
}

/* line 666, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section a {
  word-break: break-all;
}

/* line 673, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section .day {
  font-size: 0.85em;
  color: #808080;
}

/* line 682, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section .month {
  display: none;
}

@media (min-width: 992px) {
  /* line 682, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article section .month {
    display: block;
    position: absolute;
    transform: rotate(-90deg);
    top: 25px;
    left: -65px;
    font-size: 1rem;
    color: #b3b3b3;
    text-transform: uppercase;
    text-align: right;
  }
}

/* line 702, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .search-container {
  margin: 20px 0;
  position: sticky;
  top: 0;
  z-index: 100;
}

/* line 711, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-container {
  margin-top: 20px;
}

@media (min-width: 992px) {
  /* line 711, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article section.cards .tag-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
  }
}

/* line 720, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-card {
  border-radius: 8px;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease-in-out;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  /* line 720, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article section.cards .tag-card {
    margin-bottom: 0;
  }
}

/* line 732, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* line 737, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-name {
  color: #000;
  margin-bottom: 10px;
  font-size: 1.2rem;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}

/* line 745, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-meaning, article section.cards .tag-usage {
  margin-bottom: 10px;
}

/* line 749, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .tag-example {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
  font-family: monospace;
  overflow-x: auto;
  white-space: pre;
  line-height: 1.4;
  font-size: .85rem;
}

/* line 761, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article section.cards .hidden {
  display: none;
}

/* line 767, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
}

@media (min-width: 992px) {
  /* line 767, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article .gallery {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

/* line 775, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.samples {
  grid-gap: 2rem;
}

/* line 777, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.samples li {
  padding: 1rem;
  background: #f3f3f3;
}

/* line 780, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.samples li img {
  border: 1px solid white;
  margin-bottom: 0.5rem;
}

/* line 787, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.samples li a:hover img {
  filter: grayscale(1);
}

/* line 796, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery img {
  width: 100%;
}

/* line 800, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery a {
  display: block;
  color: #000;
  text-decoration: none;
}

/* line 805, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery a:hover {
  color: #ec008c;
}

/* line 810, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.tuts {
  grid-template-columns: 1fr 1fr;
}

/* line 813, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.tuts > li {
  position: relative;
  font-family: Helvetica, "Source Sans Pro", sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  background-color: #CEECC6;
}

@media (min-width: 992px) {
  /* line 813, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article .gallery.tuts > li {
    font-size: 1.7rem;
  }
}

/* line 825, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.tuts > li a {
  display: block;
  background-color: #CEECC6;
  padding: 1rem;
}

@media (min-width: 992px) {
  /* line 825, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  article .gallery.tuts > li a {
    padding: 2rem;
  }
}

/* line 834, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .gallery.tuts > li .tags {
  width: 100%;
  bottom: 0;
  background-color: #CEECC6;
  padding: 0 2rem 2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  text-transform: lowercase;
  font-weight: normal;
  font-size: 1rem;
}

/* line 851, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article .intro p {
  font-size: 1.3rem;
}

/* line 855, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article img {
  max-width: 100%;
}

/* line 860, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article ul li {
  margin-bottom: .5rem;
}

/* line 865, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article pre, .handout article code {
  white-space: normal !important;
  word-break: break-all;
}

/* line 871, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article pre.nohighlight {
  background: #fff;
  padding: 1em;
}

/* line 877, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article pre.formatted {
  white-space: pre !important;
  width: 80vw;
  overflow-x: scroll;
}

/* line 881, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article pre.formatted code {
  white-space: pre !important;
}

@media (min-width: 992px) {
  /* line 877, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
  .handout article pre.formatted {
    width: 100%;
  }
}

/* line 895, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article code, .handout article ol li {
  margin-top: 1rem;
}

/* line 899, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article h2 {
  font-size: 1.5rem;
}

/* line 903, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article .code-highlight {
  color: #ec008c;
  font-family: monospace, sans-serif;
}

/* line 908, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article .hljs-deletion, .handout article .hljs-number, .handout article .hljs-quote, .handout article .hljs-selector-class, .handout article .hljs-selector-id, .handout article .hljs-string, .handout article .hljs-template-tag, .handout article .hljs-type {
  color: #ec008c !important;
}

/* line 912, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table {
  margin-top: 2rem;
  width: 100%;
  padding: 2rem;
}

/* line 916, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table thead {
  background-color: #000;
  color: #fff;
}

/* line 921, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table td, .handout article table th {
  padding: .5rem;
}

/* line 925, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table td {
  border-bottom: 1px solid #eee;
}

/* line 929, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table.glossary {
  margin-top: 0;
  padding-top: 0;
}

/* line 932, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table.glossary a {
  text-decoration: none;
  color: #000;
  font-size: 1rem;
}

/* line 936, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table.glossary a:hover {
  color: #ec008c;
}

/* line 940, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.handout article table.glossary td {
  padding: 1rem .5rem;
}

/* line 949, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev {
  margin-top: 2rem;
}

/* line 952, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev li:first-child {
  float: left;
}

/* line 955, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev li:last-child {
  float: right;
}

/* line 958, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev li a {
  text-decoration: none;
  padding: 1em;
  display: block;
  background-color: #000;
  color: #fff;
}

/* line 964, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev li a i {
  padding: 0 .25em;
}

/* line 968, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
article .next-prev li a:hover {
  background: #ec008c;
}

/* line 978, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.sec-nav li {
  width: 100%;
  margin-bottom: .5rem;
}

/* line 981, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.sec-nav li a {
  text-decoration: none;
  padding: 1rem;
  background-color: #e3e3e3;
  display: block;
}

/* line 986, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.sec-nav li a:hover {
  background-color: #000;
  color: #fff;
}

/* line 990, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/main.scss */
.sec-nav li a.active {
  background-color: #000;
  color: #fff;
}

/*# sourceMappingURL=main.css.map */