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

/* line 5, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.tuts .mix {
  padding-bottom: 0;
  height: auto;
  margin-bottom: 0;
}

/* line 13, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy img {
  width: 100%;
}

/* line 16, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li {
  position: absolute;
  z-index: -999;
}

/* line 19, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li:first-child {
  top: 12%;
  left: 3%;
  width: 30%;
  opacity: .6;
}

/* line 25, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li:nth-child(2) {
  right: 2%;
  bottom: 5%;
  width: 20%;
  opacity: .6;
}

/* line 32, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li:nth-child(3) {
  bottom: 35%;
  left: 40%;
  width: 15%;
  opacity: .6;
}

/* line 39, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li:nth-child(4) {
  top: 15%;
  right: 2%;
  width: 5%;
  opacity: .6;
}

/* line 46, ../../../../../Users/kopoku/Documents/Course websites/gd-sass-files/motion.scss */
.giffy li:nth-child(5) {
  bottom: 15%;
  left: 13%;
  width: 5%;
  opacity: .4;
}

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