/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,300");
/* line 12, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
/* line 30, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
audio,
canvas,
video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
/* line 50, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
/* line 74, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
/* line 94, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
/* line 108, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 116, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 124, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
b,
strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
/* line 133, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
/* line 141, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
/* line 151, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
/* line 163, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
/* line 173, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
/* line 181, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 189, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 197, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
sup {
  top: -0.5em; }

/* line 201, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
/* line 213, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
/* line 221, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
/* line 233, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
/* line 245, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 256, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
/* line 267, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 281, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 294, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
/* line 306, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
/* line 316, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 328, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 340, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
/* line 349, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
/* line 360, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
/* line 373, /Users/207829/Projects/color-theory/source/stylesheets/_normalize.css */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 4, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  box-sizing: border-box; }

/* line 9, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  box-sizing: inherit; }

/* line 1, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
body.party {
  animation: background-shift 15s infinite alternate;
  /* from middleman */ }
@keyframes background-shift {
  10% {
    background-color: #755ba4; }
  20% {
    background-color: #a45b98; }
  30% {
    background-color: #9ea45b; }
  40% {
    background-color: #a48d5b; }
  50% {
    background-color: #5ba462; }
  60% {
    background-color: #5ba0a4; }
  70% {
    background-color: #5b78a4; }
  80% {
    background-color: #a35ba4; }
  90% {
    background-color: #5b73a4; } }
  /* line 19, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-background {
    fill: transparent; }
@keyframes forebranch-shift {
  10% {
    fill: #8aae99;
    stroke: #3f414c; }
  20% {
    fill: #ae8aa3;
    stroke: #3f494c; }
  30% {
    fill: #8cae8a;
    stroke: #3f4c3f; }
  40% {
    fill: #92ae8a;
    stroke: #3f4c4c; }
  50% {
    fill: #ae8a94;
    stroke: #4b4c3f; }
  60% {
    fill: #8aaea7;
    stroke: #4c413f; }
  70% {
    fill: #a1ae8a;
    stroke: #4c473f; }
  80% {
    fill: #ad8aae;
    stroke: #4c3f45; }
  90% {
    fill: #968aae;
    stroke: #4a3f4c; } }
@keyframes midbranch-shift {
  10% {
    fill: #988499;
    stroke: #3f4b4c; }
  20% {
    fill: #999284;
    stroke: #423f4c; }
  30% {
    fill: #848f99;
    stroke: #4c493f; }
  40% {
    fill: #989984;
    stroke: #3f414c; }
  50% {
    fill: #969984;
    stroke: #423f4c; }
  60% {
    fill: #998584;
    stroke: #3f4c47; }
  70% {
    fill: #998489;
    stroke: #4c3f40; }
  80% {
    fill: #848499;
    stroke: #4c3f45; }
  90% {
    fill: #999284;
    stroke: #4c433f; } }
  /* line 69, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-middlebranch {
    animation: midbranch-shift 8s infinite alternate; }
  /* line 73, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-forebranch {
    animation: forebranch-shift 10s infinite alternate; }
  /* line 77, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party #vg-backbranch.vg-backbranch {
    animation: forebranch-shift 9s infinite alternate; }
  /* line 81, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party #vg-backbranches.vg-backbranch {
    animation: forebranch-shift 9s infinite alternate; }
@keyframes dark-glow {
  0% {
    fill: #1a373d; }
  50% {
    fill: #1e4848; }
  100% {
    fill: #1e3030; } }
@keyframes colorize-0 {
  50% {
    fill: #bbc8b6;
    stroke: #a8a8a8; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(0n) {
    animation: colorize-0 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(0n):hover {
      cursor: pointer; }
@keyframes colorize-1 {
  50% {
    fill: #c2cdc1;
    stroke: #0a0b0a; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(1n) {
    animation: colorize-1 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(1n):hover {
      cursor: pointer; }
@keyframes colorize-2 {
  50% {
    fill: #121311;
    stroke: #787878; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(2n) {
    animation: colorize-2 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(2n):hover {
      cursor: pointer; }
@keyframes colorize-3 {
  50% {
    fill: #191f19;
    stroke: #6d6f6d; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(3n) {
    animation: colorize-3 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(3n):hover {
      cursor: pointer; }
@keyframes colorize-4 {
  50% {
    fill: #1f291e;
    stroke: #030303; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(4n) {
    animation: colorize-4 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(4n):hover {
      cursor: pointer; }
@keyframes colorize-5 {
  50% {
    fill: #606a5c;
    stroke: #668568; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(5n) {
    animation: colorize-5 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(5n):hover {
      cursor: pointer; }
@keyframes colorize-6 {
  50% {
    fill: #2b2b2b;
    stroke: #4f4f4f; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(6n) {
    animation: colorize-6 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(6n):hover {
      cursor: pointer; }
@keyframes colorize-7 {
  50% {
    fill: #7c8d7d;
    stroke: #fcfcfc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(7n) {
    animation: colorize-7 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(7n):hover {
      cursor: pointer; }
@keyframes colorize-8 {
  50% {
    fill: #878787;
    stroke: #050505; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(8n) {
    animation: colorize-8 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(8n):hover {
      cursor: pointer; }
@keyframes colorize-9 {
  50% {
    fill: #757575;
    stroke: #282a28; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(9n) {
    animation: colorize-9 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(9n):hover {
      cursor: pointer; }
@keyframes colorize-10 {
  50% {
    fill: #586d4f;
    stroke: #8c8c8c; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(10n) {
    animation: colorize-10 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(10n):hover {
      cursor: pointer; }
@keyframes colorize-11 {
  50% {
    fill: #5c5c5c;
    stroke: #a1a1a1; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(11n) {
    animation: colorize-11 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(11n):hover {
      cursor: pointer; }
@keyframes colorize-12 {
  50% {
    fill: #ecefec;
    stroke: #edefec; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(12n) {
    animation: colorize-12 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(12n):hover {
      cursor: pointer; }
@keyframes colorize-13 {
  50% {
    fill: #171717;
    stroke: #84a182; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(13n) {
    animation: colorize-13 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(13n):hover {
      cursor: pointer; }
@keyframes colorize-14 {
  50% {
    fill: #2d2f2d;
    stroke: #b5b5b5; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(14n) {
    animation: colorize-14 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(14n):hover {
      cursor: pointer; }
@keyframes colorize-15 {
  50% {
    fill: dimgray;
    stroke: #292929; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(15n) {
    animation: colorize-15 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(15n):hover {
      cursor: pointer; }
@keyframes colorize-16 {
  50% {
    fill: #537955;
    stroke: #30322f; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(16n) {
    animation: colorize-16 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(16n):hover {
      cursor: pointer; }
@keyframes colorize-17 {
  50% {
    fill: #050505;
    stroke: #b4b7b4; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(17n) {
    animation: colorize-17 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(17n):hover {
      cursor: pointer; }
@keyframes colorize-18 {
  50% {
    fill: #788778;
    stroke: #bcc8bc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(18n) {
    animation: colorize-18 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(18n):hover {
      cursor: pointer; }
@keyframes colorize-19 {
  50% {
    fill: #3f403f;
    stroke: #9c9c9c; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(19n) {
    animation: colorize-19 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(19n):hover {
      cursor: pointer; }
@keyframes colorize-20 {
  50% {
    fill: #0f0f0f;
    stroke: #c8cbc9; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(20n) {
    animation: colorize-20 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(20n):hover {
      cursor: pointer; }
@keyframes colorize-21 {
  50% {
    fill: #d4d4d4;
    stroke: #ebebeb; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(21n) {
    animation: colorize-21 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(21n):hover {
      cursor: pointer; }
@keyframes colorize-22 {
  50% {
    fill: #0f150f;
    stroke: #f7f7f7; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(22n) {
    animation: colorize-22 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(22n):hover {
      cursor: pointer; }
@keyframes colorize-23 {
  50% {
    fill: #e8eee7;
    stroke: #2f3d2f; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(23n) {
    animation: colorize-23 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(23n):hover {
      cursor: pointer; }
@keyframes colorize-24 {
  50% {
    fill: #c7ccc7;
    stroke: #212121; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(24n) {
    animation: colorize-24 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(24n):hover {
      cursor: pointer; }
@keyframes colorize-25 {
  50% {
    fill: #2a322a;
    stroke: #c9c9c9; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(25n) {
    animation: colorize-25 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(25n):hover {
      cursor: pointer; }
@keyframes colorize-26 {
  50% {
    fill: #404040;
    stroke: #b5b5b5; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(26n) {
    animation: colorize-26 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(26n):hover {
      cursor: pointer; }
@keyframes colorize-27 {
  50% {
    fill: #94a895;
    stroke: #080808; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(27n) {
    animation: colorize-27 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(27n):hover {
      cursor: pointer; }
@keyframes colorize-28 {
  50% {
    fill: #424242;
    stroke: #62785e; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(28n) {
    animation: colorize-28 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(28n):hover {
      cursor: pointer; }
@keyframes colorize-29 {
  50% {
    fill: #141514;
    stroke: #d7ddd5; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(29n) {
    animation: colorize-29 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(29n):hover {
      cursor: pointer; }
@keyframes colorize-30 {
  50% {
    fill: #dee3de;
    stroke: #2a2e28; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(30n) {
    animation: colorize-30 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(30n):hover {
      cursor: pointer; }
@keyframes colorize-31 {
  50% {
    fill: #d9d9d9;
    stroke: #474747; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(31n) {
    animation: colorize-31 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(31n):hover {
      cursor: pointer; }
@keyframes colorize-32 {
  50% {
    fill: #81947f;
    stroke: #6d6f6d; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(32n) {
    animation: colorize-32 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(32n):hover {
      cursor: pointer; }
@keyframes colorize-33 {
  50% {
    fill: #eef1ee;
    stroke: #cbceca; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(33n) {
    animation: colorize-33 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(33n):hover {
      cursor: pointer; }
@keyframes colorize-34 {
  50% {
    fill: #c3c7c2;
    stroke: #454545; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(34n) {
    animation: colorize-34 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(34n):hover {
      cursor: pointer; }
@keyframes colorize-35 {
  50% {
    fill: #f7f7f7;
    stroke: #6e816a; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(35n) {
    animation: colorize-35 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(35n):hover {
      cursor: pointer; }
@keyframes colorize-36 {
  50% {
    fill: #c9cac9;
    stroke: dimgray; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(36n) {
    animation: colorize-36 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(36n):hover {
      cursor: pointer; }
@keyframes colorize-37 {
  50% {
    fill: #6d836d;
    stroke: dimgray; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(37n) {
    animation: colorize-37 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(37n):hover {
      cursor: pointer; }
@keyframes colorize-38 {
  50% {
    fill: #cccccc;
    stroke: #616161; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(38n) {
    animation: colorize-38 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(38n):hover {
      cursor: pointer; }
@keyframes colorize-39 {
  50% {
    fill: #9ca498;
    stroke: #293027; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(39n) {
    animation: colorize-39 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(39n):hover {
      cursor: pointer; }
@keyframes colorize-40 {
  50% {
    fill: #6e6e6e;
    stroke: #b0b0b0; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(40n) {
    animation: colorize-40 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(40n):hover {
      cursor: pointer; }
@keyframes colorize-41 {
  50% {
    fill: #c2c2c2;
    stroke: #666666; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(41n) {
    animation: colorize-41 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(41n):hover {
      cursor: pointer; }
@keyframes colorize-42 {
  50% {
    fill: #afc1ae;
    stroke: #272f28; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(42n) {
    animation: colorize-42 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(42n):hover {
      cursor: pointer; }
@keyframes colorize-43 {
  50% {
    fill: #030302;
    stroke: #c6cdc6; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(43n) {
    animation: colorize-43 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(43n):hover {
      cursor: pointer; }
@keyframes colorize-44 {
  50% {
    fill: #a6a6a6;
    stroke: #424242; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(44n) {
    animation: colorize-44 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(44n):hover {
      cursor: pointer; }
@keyframes colorize-45 {
  50% {
    fill: #e8e8e8;
    stroke: #fcfdfc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(45n) {
    animation: colorize-45 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(45n):hover {
      cursor: pointer; }
@keyframes colorize-46 {
  50% {
    fill: #c0c5bf;
    stroke: #eaecea; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(46n) {
    animation: colorize-46 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(46n):hover {
      cursor: pointer; }
@keyframes colorize-47 {
  50% {
    fill: #545553;
    stroke: #b3b3b3; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(47n) {
    animation: colorize-47 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(47n):hover {
      cursor: pointer; }
@keyframes colorize-48 {
  50% {
    fill: #343735;
    stroke: #b5b5b5; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(48n) {
    animation: colorize-48 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(48n):hover {
      cursor: pointer; }
@keyframes colorize-49 {
  50% {
    fill: #eff1ee;
    stroke: #1f1f1f; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(49n) {
    animation: colorize-49 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(49n):hover {
      cursor: pointer; }
@keyframes colorize-50 {
  50% {
    fill: #919191;
    stroke: #d4d4d4; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(50n) {
    animation: colorize-50 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(50n):hover {
      cursor: pointer; }
@keyframes colorize-51 {
  50% {
    fill: #a3a3a3;
    stroke: #cccccc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(51n) {
    animation: colorize-51 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(51n):hover {
      cursor: pointer; }
@keyframes colorize-52 {
  50% {
    fill: #949494;
    stroke: #090b09; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(52n) {
    animation: colorize-52 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(52n):hover {
      cursor: pointer; }
@keyframes colorize-53 {
  50% {
    fill: #f2f2f2;
    stroke: #5c5c5c; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(53n) {
    animation: colorize-53 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(53n):hover {
      cursor: pointer; }
@keyframes colorize-54 {
  50% {
    fill: #e8e8e8;
    stroke: #969696; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(54n) {
    animation: colorize-54 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(54n):hover {
      cursor: pointer; }
@keyframes colorize-55 {
  50% {
    fill: #0c0e0c;
    stroke: #c8d2c6; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(55n) {
    animation: colorize-55 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(55n):hover {
      cursor: pointer; }
@keyframes colorize-56 {
  50% {
    fill: #6e6e6e;
    stroke: #cccccc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(56n) {
    animation: colorize-56 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(56n):hover {
      cursor: pointer; }
@keyframes colorize-57 {
  50% {
    fill: #191c17;
    stroke: #777977; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(57n) {
    animation: colorize-57 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(57n):hover {
      cursor: pointer; }
@keyframes colorize-58 {
  50% {
    fill: #d4d4d4;
    stroke: #141514; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(58n) {
    animation: colorize-58 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(58n):hover {
      cursor: pointer; }
@keyframes colorize-59 {
  50% {
    fill: #171717;
    stroke: #3b3b3b; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(59n) {
    animation: colorize-59 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(59n):hover {
      cursor: pointer; }
@keyframes colorize-60 {
  50% {
    fill: #e9ede9;
    stroke: #aeb2ae; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(60n) {
    animation: colorize-60 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(60n):hover {
      cursor: pointer; }
@keyframes colorize-61 {
  50% {
    fill: #f7f7f7;
    stroke: #bfbfbf; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(61n) {
    animation: colorize-61 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(61n):hover {
      cursor: pointer; }
@keyframes colorize-62 {
  50% {
    fill: #f7f7f7;
    stroke: #7b937d; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(62n) {
    animation: colorize-62 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(62n):hover {
      cursor: pointer; }
@keyframes colorize-63 {
  50% {
    fill: #c2c2c2;
    stroke: #637a62; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(63n) {
    animation: colorize-63 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(63n):hover {
      cursor: pointer; }
@keyframes colorize-64 {
  50% {
    fill: #aeb2ae;
    stroke: #f1f3f1; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(64n) {
    animation: colorize-64 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(64n):hover {
      cursor: pointer; }
@keyframes colorize-65 {
  50% {
    fill: #83a281;
    stroke: #d9d9d9; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(65n) {
    animation: colorize-65 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(65n):hover {
      cursor: pointer; }
@keyframes colorize-66 {
  50% {
    fill: #4f4f4f;
    stroke: #70766f; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(66n) {
    animation: colorize-66 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(66n):hover {
      cursor: pointer; }
@keyframes colorize-67 {
  50% {
    fill: #a1a1a1;
    stroke: #999999; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(67n) {
    animation: colorize-67 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(67n):hover {
      cursor: pointer; }
@keyframes colorize-68 {
  50% {
    fill: #9e9e9e;
    stroke: #cfcfcf; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(68n) {
    animation: colorize-68 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(68n):hover {
      cursor: pointer; }
@keyframes colorize-69 {
  50% {
    fill: #e8e8e8;
    stroke: #1a1a1a; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(69n) {
    animation: colorize-69 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(69n):hover {
      cursor: pointer; }
@keyframes colorize-70 {
  50% {
    fill: #111211;
    stroke: #536554; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(70n) {
    animation: colorize-70 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(70n):hover {
      cursor: pointer; }
@keyframes colorize-71 {
  50% {
    fill: #adaead;
    stroke: #121212; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(71n) {
    animation: colorize-71 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(71n):hover {
      cursor: pointer; }
@keyframes colorize-72 {
  50% {
    fill: #2e3e2e;
    stroke: #cccccc; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(72n) {
    animation: colorize-72 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(72n):hover {
      cursor: pointer; }
@keyframes colorize-73 {
  50% {
    fill: #9fad9f;
    stroke: #6e746d; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(73n) {
    animation: colorize-73 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(73n):hover {
      cursor: pointer; }
@keyframes colorize-74 {
  50% {
    fill: #8f8f8f;
    stroke: #424242; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(74n) {
    animation: colorize-74 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(74n):hover {
      cursor: pointer; }
@keyframes colorize-75 {
  50% {
    fill: #242424;
    stroke: #161915; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(75n) {
    animation: colorize-75 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(75n):hover {
      cursor: pointer; }
@keyframes colorize-76 {
  50% {
    fill: #dedede;
    stroke: #a3a3a3; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(76n) {
    animation: colorize-76 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(76n):hover {
      cursor: pointer; }
@keyframes colorize-77 {
  50% {
    fill: #cfcfcf;
    stroke: #dedede; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(77n) {
    animation: colorize-77 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(77n):hover {
      cursor: pointer; }
@keyframes colorize-78 {
  50% {
    fill: #0f100f;
    stroke: #969795; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(78n) {
    animation: colorize-78 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(78n):hover {
      cursor: pointer; }
@keyframes colorize-79 {
  50% {
    fill: dimgray;
    stroke: #6e6e6e; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(79n) {
    animation: colorize-79 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(79n):hover {
      cursor: pointer; }
@keyframes colorize-80 {
  50% {
    fill: #d4d8d5;
    stroke: #b7bab5; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(80n) {
    animation: colorize-80 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(80n):hover {
      cursor: pointer; }
@keyframes colorize-81 {
  50% {
    fill: #030303;
    stroke: #749a75; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(81n) {
    animation: colorize-81 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(81n):hover {
      cursor: pointer; }
@keyframes colorize-82 {
  50% {
    fill: #31382e;
    stroke: #7a8778; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(82n) {
    animation: colorize-82 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(82n):hover {
      cursor: pointer; }
@keyframes colorize-83 {
  50% {
    fill: #303030;
    stroke: #f7f7f7; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(83n) {
    animation: colorize-83 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(83n):hover {
      cursor: pointer; }
@keyframes colorize-84 {
  50% {
    fill: #909890;
    stroke: #e8e8e8; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(84n) {
    animation: colorize-84 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(84n):hover {
      cursor: pointer; }
@keyframes colorize-85 {
  50% {
    fill: #d1d1d1;
    stroke: #edeeed; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(85n) {
    animation: colorize-85 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(85n):hover {
      cursor: pointer; }
@keyframes colorize-86 {
  50% {
    fill: #575e55;
    stroke: #8c8c8c; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(86n) {
    animation: colorize-86 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(86n):hover {
      cursor: pointer; }
@keyframes colorize-87 {
  50% {
    fill: #e3e3e3;
    stroke: white; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(87n) {
    animation: colorize-87 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(87n):hover {
      cursor: pointer; }
@keyframes colorize-88 {
  50% {
    fill: #424242;
    stroke: #393e38; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(88n) {
    animation: colorize-88 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(88n):hover {
      cursor: pointer; }
@keyframes colorize-89 {
  50% {
    fill: #cfcfcf;
    stroke: dimgray; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(89n) {
    animation: colorize-89 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(89n):hover {
      cursor: pointer; }
@keyframes colorize-90 {
  50% {
    fill: #828282;
    stroke: #858585; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(90n) {
    animation: colorize-90 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(90n):hover {
      cursor: pointer; }
@keyframes colorize-91 {
  50% {
    fill: #e1e6e0;
    stroke: #272c26; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(91n) {
    animation: colorize-91 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(91n):hover {
      cursor: pointer; }
@keyframes colorize-92 {
  50% {
    fill: #737373;
    stroke: #eff2ee; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(92n) {
    animation: colorize-92 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(92n):hover {
      cursor: pointer; }
@keyframes colorize-93 {
  50% {
    fill: #171717;
    stroke: #8ca885; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(93n) {
    animation: colorize-93 12s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(93n):hover {
      cursor: pointer; }
@keyframes colorize-94 {
  50% {
    fill: #d1d7d1;
    stroke: #adadad; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(94n) {
    animation: colorize-94 6s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(94n):hover {
      cursor: pointer; }
@keyframes colorize-95 {
  50% {
    fill: #dedede;
    stroke: #ababab; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(95n) {
    animation: colorize-95 12s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(95n):hover {
      cursor: pointer; }
@keyframes colorize-96 {
  50% {
    fill: #636561;
    stroke: #a3a3a3; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(96n) {
    animation: colorize-96 3s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(96n):hover {
      cursor: pointer; }
@keyframes colorize-97 {
  50% {
    fill: #698367;
    stroke: #969696; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(97n) {
    animation: colorize-97 9s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(97n):hover {
      cursor: pointer; }
@keyframes colorize-98 {
  50% {
    fill: #1f1f1f;
    stroke: #d4d4d4; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(98n) {
    animation: colorize-98 3s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(98n):hover {
      cursor: pointer; }
@keyframes colorize-99 {
  50% {
    fill: #8e968d;
    stroke: #474847; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(99n) {
    animation: colorize-99 9s linear 2s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(99n):hover {
      cursor: pointer; }
@keyframes colorize-100 {
  50% {
    fill: dimgray;
    stroke: #595a58; } }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .leaf:nth-of-type(100n) {
    animation: colorize-100 6s linear 1s infinite alternate; }
    /* line 101, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .leaf:nth-of-type(100n):hover {
      cursor: pointer; }
@keyframes colorize-0 {
  50% {
    fill: #9a8374; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(0n) {
    animation: colorize-0 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(0n):hover {
      cursor: pointer; }
@keyframes colorize-1 {
  50% {
    fill: #5c5251; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(1n) {
    animation: colorize-1 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(1n):hover {
      cursor: pointer; }
@keyframes colorize-2 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(2n) {
    animation: colorize-2 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(2n):hover {
      cursor: pointer; }
@keyframes colorize-3 {
  50% {
    fill: #3e3d3d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(3n) {
    animation: colorize-3 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(3n):hover {
      cursor: pointer; }
@keyframes colorize-4 {
  50% {
    fill: #514a48; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(4n) {
    animation: colorize-4 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(4n):hover {
      cursor: pointer; }
@keyframes colorize-5 {
  50% {
    fill: #312626; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(5n) {
    animation: colorize-5 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(5n):hover {
      cursor: pointer; }
@keyframes colorize-6 {
  50% {
    fill: #4a413b; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(6n) {
    animation: colorize-6 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(6n):hover {
      cursor: pointer; }
@keyframes colorize-7 {
  50% {
    fill: #1b1918; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(7n) {
    animation: colorize-7 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(7n):hover {
      cursor: pointer; }
@keyframes colorize-8 {
  50% {
    fill: #8c6663; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(8n) {
    animation: colorize-8 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(8n):hover {
      cursor: pointer; }
@keyframes colorize-9 {
  50% {
    fill: #665e5c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(9n) {
    animation: colorize-9 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(9n):hover {
      cursor: pointer; }
@keyframes colorize-10 {
  50% {
    fill: #61524c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(10n) {
    animation: colorize-10 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(10n):hover {
      cursor: pointer; }
@keyframes colorize-11 {
  50% {
    fill: #9c9591; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(11n) {
    animation: colorize-11 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(11n):hover {
      cursor: pointer; }
@keyframes colorize-12 {
  50% {
    fill: #393232; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(12n) {
    animation: colorize-12 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(12n):hover {
      cursor: pointer; }
@keyframes colorize-13 {
  50% {
    fill: #2a2422; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(13n) {
    animation: colorize-13 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(13n):hover {
      cursor: pointer; }
@keyframes colorize-14 {
  50% {
    fill: #676565; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(14n) {
    animation: colorize-14 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(14n):hover {
      cursor: pointer; }
@keyframes colorize-15 {
  50% {
    fill: #4e4846; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(15n) {
    animation: colorize-15 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(15n):hover {
      cursor: pointer; }
@keyframes colorize-16 {
  50% {
    fill: #171211; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(16n) {
    animation: colorize-16 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(16n):hover {
      cursor: pointer; }
@keyframes colorize-17 {
  50% {
    fill: #8d8681; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(17n) {
    animation: colorize-17 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(17n):hover {
      cursor: pointer; }
@keyframes colorize-18 {
  50% {
    fill: #615c5c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(18n) {
    animation: colorize-18 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(18n):hover {
      cursor: pointer; }
@keyframes colorize-19 {
  50% {
    fill: #0b0a0a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(19n) {
    animation: colorize-19 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(19n):hover {
      cursor: pointer; }
@keyframes colorize-20 {
  50% {
    fill: #b5afab; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(20n) {
    animation: colorize-20 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(20n):hover {
      cursor: pointer; }
@keyframes colorize-21 {
  50% {
    fill: #8c7b78; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(21n) {
    animation: colorize-21 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(21n):hover {
      cursor: pointer; }
@keyframes colorize-22 {
  50% {
    fill: #363535; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(22n) {
    animation: colorize-22 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(22n):hover {
      cursor: pointer; }
@keyframes colorize-23 {
  50% {
    fill: #918a88; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(23n) {
    animation: colorize-23 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(23n):hover {
      cursor: pointer; }
@keyframes colorize-24 {
  50% {
    fill: #5c4542; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(24n) {
    animation: colorize-24 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(24n):hover {
      cursor: pointer; }
@keyframes colorize-25 {
  50% {
    fill: #3a302c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(25n) {
    animation: colorize-25 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(25n):hover {
      cursor: pointer; }
@keyframes colorize-26 {
  50% {
    fill: #685e5a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(26n) {
    animation: colorize-26 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(26n):hover {
      cursor: pointer; }
@keyframes colorize-27 {
  50% {
    fill: #2b2827; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(27n) {
    animation: colorize-27 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(27n):hover {
      cursor: pointer; }
@keyframes colorize-28 {
  50% {
    fill: #23201f; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(28n) {
    animation: colorize-28 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(28n):hover {
      cursor: pointer; }
@keyframes colorize-29 {
  50% {
    fill: #63554b; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(29n) {
    animation: colorize-29 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(29n):hover {
      cursor: pointer; }
@keyframes colorize-30 {
  50% {
    fill: #474443; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(30n) {
    animation: colorize-30 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(30n):hover {
      cursor: pointer; }
@keyframes colorize-31 {
  50% {
    fill: #161313; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(31n) {
    animation: colorize-31 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(31n):hover {
      cursor: pointer; }
@keyframes colorize-32 {
  50% {
    fill: #7e7472; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(32n) {
    animation: colorize-32 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(32n):hover {
      cursor: pointer; }
@keyframes colorize-33 {
  50% {
    fill: #1e1a1a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(33n) {
    animation: colorize-33 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(33n):hover {
      cursor: pointer; }
@keyframes colorize-34 {
  50% {
    fill: #bcaea9; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(34n) {
    animation: colorize-34 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(34n):hover {
      cursor: pointer; }
@keyframes colorize-35 {
  50% {
    fill: #181110; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(35n) {
    animation: colorize-35 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(35n):hover {
      cursor: pointer; }
@keyframes colorize-36 {
  50% {
    fill: #917869; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(36n) {
    animation: colorize-36 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(36n):hover {
      cursor: pointer; }
@keyframes colorize-37 {
  50% {
    fill: #7b6665; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(37n) {
    animation: colorize-37 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(37n):hover {
      cursor: pointer; }
@keyframes colorize-38 {
  50% {
    fill: #bca7a4; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(38n) {
    animation: colorize-38 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(38n):hover {
      cursor: pointer; }
@keyframes colorize-39 {
  50% {
    fill: #644f4a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(39n) {
    animation: colorize-39 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(39n):hover {
      cursor: pointer; }
@keyframes colorize-40 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(40n) {
    animation: colorize-40 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(40n):hover {
      cursor: pointer; }
@keyframes colorize-41 {
  50% {
    fill: #b6a19a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(41n) {
    animation: colorize-41 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(41n):hover {
      cursor: pointer; }
@keyframes colorize-42 {
  50% {
    fill: #4f433b; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(42n) {
    animation: colorize-42 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(42n):hover {
      cursor: pointer; }
@keyframes colorize-43 {
  50% {
    fill: #4d403d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(43n) {
    animation: colorize-43 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(43n):hover {
      cursor: pointer; }
@keyframes colorize-44 {
  50% {
    fill: #86625f; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(44n) {
    animation: colorize-44 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(44n):hover {
      cursor: pointer; }
@keyframes colorize-45 {
  50% {
    fill: #6b6461; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(45n) {
    animation: colorize-45 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(45n):hover {
      cursor: pointer; }
@keyframes colorize-46 {
  50% {
    fill: #a9a5a2; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(46n) {
    animation: colorize-46 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(46n):hover {
      cursor: pointer; }
@keyframes colorize-47 {
  50% {
    fill: #1e1c1a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(47n) {
    animation: colorize-47 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(47n):hover {
      cursor: pointer; }
@keyframes colorize-48 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(48n) {
    animation: colorize-48 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(48n):hover {
      cursor: pointer; }
@keyframes colorize-49 {
  50% {
    fill: #684c45; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(49n) {
    animation: colorize-49 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(49n):hover {
      cursor: pointer; }
@keyframes colorize-50 {
  50% {
    fill: #ab9996; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(50n) {
    animation: colorize-50 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(50n):hover {
      cursor: pointer; }
@keyframes colorize-51 {
  50% {
    fill: #a89d99; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(51n) {
    animation: colorize-51 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(51n):hover {
      cursor: pointer; }
@keyframes colorize-52 {
  50% {
    fill: #514d4d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(52n) {
    animation: colorize-52 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(52n):hover {
      cursor: pointer; }
@keyframes colorize-53 {
  50% {
    fill: #92807c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(53n) {
    animation: colorize-53 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(53n):hover {
      cursor: pointer; }
@keyframes colorize-54 {
  50% {
    fill: #907464; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(54n) {
    animation: colorize-54 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(54n):hover {
      cursor: pointer; }
@keyframes colorize-55 {
  50% {
    fill: #090706; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(55n) {
    animation: colorize-55 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(55n):hover {
      cursor: pointer; }
@keyframes colorize-56 {
  50% {
    fill: #5c5957; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(56n) {
    animation: colorize-56 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(56n):hover {
      cursor: pointer; }
@keyframes colorize-57 {
  50% {
    fill: #6d5d55; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(57n) {
    animation: colorize-57 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(57n):hover {
      cursor: pointer; }
@keyframes colorize-58 {
  50% {
    fill: #5e5250; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(58n) {
    animation: colorize-58 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(58n):hover {
      cursor: pointer; }
@keyframes colorize-59 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(59n) {
    animation: colorize-59 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(59n):hover {
      cursor: pointer; }
@keyframes colorize-60 {
  50% {
    fill: #898080; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(60n) {
    animation: colorize-60 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(60n):hover {
      cursor: pointer; }
@keyframes colorize-61 {
  50% {
    fill: #7c675a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(61n) {
    animation: colorize-61 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(61n):hover {
      cursor: pointer; }
@keyframes colorize-62 {
  50% {
    fill: #413130; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(62n) {
    animation: colorize-62 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(62n):hover {
      cursor: pointer; }
@keyframes colorize-63 {
  50% {
    fill: #57433d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(63n) {
    animation: colorize-63 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(63n):hover {
      cursor: pointer; }
@keyframes colorize-64 {
  50% {
    fill: #987467; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(64n) {
    animation: colorize-64 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(64n):hover {
      cursor: pointer; }
@keyframes colorize-65 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(65n) {
    animation: colorize-65 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(65n):hover {
      cursor: pointer; }
@keyframes colorize-66 {
  50% {
    fill: #a09a98; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(66n) {
    animation: colorize-66 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(66n):hover {
      cursor: pointer; }
@keyframes colorize-67 {
  50% {
    fill: #7e726d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(67n) {
    animation: colorize-67 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(67n):hover {
      cursor: pointer; }
@keyframes colorize-68 {
  50% {
    fill: #4c3b38; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(68n) {
    animation: colorize-68 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(68n):hover {
      cursor: pointer; }
@keyframes colorize-69 {
  50% {
    fill: #5b4843; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(69n) {
    animation: colorize-69 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(69n):hover {
      cursor: pointer; }
@keyframes colorize-70 {
  50% {
    fill: #1f1a19; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(70n) {
    animation: colorize-70 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(70n):hover {
      cursor: pointer; }
@keyframes colorize-71 {
  50% {
    fill: #282524; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(71n) {
    animation: colorize-71 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(71n):hover {
      cursor: pointer; }
@keyframes colorize-72 {
  50% {
    fill: #120d0d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(72n) {
    animation: colorize-72 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(72n):hover {
      cursor: pointer; }
@keyframes colorize-73 {
  50% {
    fill: #8c7978; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(73n) {
    animation: colorize-73 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(73n):hover {
      cursor: pointer; }
@keyframes colorize-74 {
  50% {
    fill: #251e1d; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(74n) {
    animation: colorize-74 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(74n):hover {
      cursor: pointer; }
@keyframes colorize-75 {
  50% {
    fill: #c0aaa5; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(75n) {
    animation: colorize-75 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(75n):hover {
      cursor: pointer; }
@keyframes colorize-76 {
  50% {
    fill: #524e4c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(76n) {
    animation: colorize-76 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(76n):hover {
      cursor: pointer; }
@keyframes colorize-77 {
  50% {
    fill: #3a3636; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(77n) {
    animation: colorize-77 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(77n):hover {
      cursor: pointer; }
@keyframes colorize-78 {
  50% {
    fill: #4c4948; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(78n) {
    animation: colorize-78 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(78n):hover {
      cursor: pointer; }
@keyframes colorize-79 {
  50% {
    fill: #765e56; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(79n) {
    animation: colorize-79 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(79n):hover {
      cursor: pointer; }
@keyframes colorize-80 {
  50% {
    fill: #453330; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(80n) {
    animation: colorize-80 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(80n):hover {
      cursor: pointer; }
@keyframes colorize-81 {
  50% {
    fill: #1a1514; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(81n) {
    animation: colorize-81 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(81n):hover {
      cursor: pointer; }
@keyframes colorize-82 {
  50% {
    fill: #312c2b; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(82n) {
    animation: colorize-82 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(82n):hover {
      cursor: pointer; }
@keyframes colorize-83 {
  50% {
    fill: #9f8584; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(83n) {
    animation: colorize-83 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(83n):hover {
      cursor: pointer; }
@keyframes colorize-84 {
  50% {
    fill: #47403e; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(84n) {
    animation: colorize-84 12s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(84n):hover {
      cursor: pointer; }
@keyframes colorize-85 {
  50% {
    fill: #504a49; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(85n) {
    animation: colorize-85 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(85n):hover {
      cursor: pointer; }
@keyframes colorize-86 {
  50% {
    fill: #6d605a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(86n) {
    animation: colorize-86 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(86n):hover {
      cursor: pointer; }
@keyframes colorize-87 {
  50% {
    fill: #aca7a5; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(87n) {
    animation: colorize-87 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(87n):hover {
      cursor: pointer; }
@keyframes colorize-88 {
  50% {
    fill: #0e0c0c; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(88n) {
    animation: colorize-88 9s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(88n):hover {
      cursor: pointer; }
@keyframes colorize-89 {
  50% {
    fill: #413f3e; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(89n) {
    animation: colorize-89 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(89n):hover {
      cursor: pointer; }
@keyframes colorize-90 {
  50% {
    fill: #b09992; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(90n) {
    animation: colorize-90 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(90n):hover {
      cursor: pointer; }
@keyframes colorize-91 {
  50% {
    fill: #888786; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(91n) {
    animation: colorize-91 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(91n):hover {
      cursor: pointer; }
@keyframes colorize-92 {
  50% {
    fill: #463834; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(92n) {
    animation: colorize-92 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(92n):hover {
      cursor: pointer; }
@keyframes colorize-93 {
  50% {
    fill: #aba6a6; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(93n) {
    animation: colorize-93 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(93n):hover {
      cursor: pointer; }
@keyframes colorize-94 {
  50% {
    fill: #100f0f; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(94n) {
    animation: colorize-94 6s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(94n):hover {
      cursor: pointer; }
@keyframes colorize-95 {
  50% {
    fill: #675446; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(95n) {
    animation: colorize-95 9s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(95n):hover {
      cursor: pointer; }
@keyframes colorize-96 {
  50% {
    fill: #7c706a; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(96n) {
    animation: colorize-96 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(96n):hover {
      cursor: pointer; }
@keyframes colorize-97 {
  50% {
    fill: black; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(97n) {
    animation: colorize-97 12s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(97n):hover {
      cursor: pointer; }
@keyframes colorize-98 {
  50% {
    fill: #383533; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(98n) {
    animation: colorize-98 6s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(98n):hover {
      cursor: pointer; }
@keyframes colorize-99 {
  50% {
    fill: #030202; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(99n) {
    animation: colorize-99 3s linear 2s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(99n):hover {
      cursor: pointer; }
@keyframes colorize-100 {
  50% {
    fill: #513a38; } }
  /* line 113, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-buds:nth-of-type(100n) {
    animation: colorize-100 3s linear 1s infinite alternate; }
    /* line 115, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-buds:nth-of-type(100n):hover {
      cursor: pointer; }
@keyframes colorize-0 {
  10% {
    fill: #d1faf2; }
  20% {
    fill: #d8d1fa; }
  30% {
    fill: #fad5d1; }
  40% {
    fill: #d1fadb; }
  50% {
    fill: white; }
  60% {
    fill: #a8b3f0; }
  70% {
    fill: #fae0d1; }
  80% {
    fill: #eafde7; }
  90% {
    fill: #e3fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(0n) {
    animation: colorize-0 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(0n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-0 9s linear 2s infinite alternate; }
@keyframes colorize-1 {
  10% {
    fill: #d1f9fa; }
  20% {
    fill: #d1dafa; }
  30% {
    fill: #d1dbfa; }
  40% {
    fill: #d1f4fa; }
  50% {
    fill: white; }
  60% {
    fill: #d7a8f0; }
  70% {
    fill: #d1e6fa; }
  80% {
    fill: #e8e7fd; }
  90% {
    fill: #fad5d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(1n) {
    animation: colorize-1 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(1n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-1 9s linear 2s infinite alternate; }
@keyframes colorize-2 {
  10% {
    fill: #fad1d5; }
  20% {
    fill: #f2fad1; }
  30% {
    fill: #d3d1fa; }
  40% {
    fill: #dfd1fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8af; }
  70% {
    fill: #ebd1fa; }
  80% {
    fill: #eefde7; }
  90% {
    fill: #faf9d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(2n) {
    animation: colorize-2 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(2n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-2 3s linear 1s infinite alternate; }
@keyframes colorize-3 {
  10% {
    fill: #e6d1fa; }
  20% {
    fill: #d1faec; }
  30% {
    fill: #d7d1fa; }
  40% {
    fill: #d2d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8bbf0; }
  70% {
    fill: #ebd1fa; }
  80% {
    fill: #ebe7fd; }
  90% {
    fill: #faf8d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(3n) {
    animation: colorize-3 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(3n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-3 12s linear 2s infinite alternate; }
@keyframes colorize-4 {
  10% {
    fill: #fad1f1; }
  20% {
    fill: #fadbd1; }
  30% {
    fill: #dfd1fa; }
  40% {
    fill: #f8fad1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0d2; }
  70% {
    fill: #fad1df; }
  80% {
    fill: #ede7fd; }
  90% {
    fill: #faf1d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(4n) {
    animation: colorize-4 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(4n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-4 3s linear 2s infinite alternate; }
@keyframes colorize-5 {
  10% {
    fill: #fad1d5; }
  20% {
    fill: #fad1f7; }
  30% {
    fill: #d1f7fa; }
  40% {
    fill: #d1effa; }
  50% {
    fill: white; }
  60% {
    fill: #a8e5f0; }
  70% {
    fill: #d1d4fa; }
  80% {
    fill: #e7fdf5; }
  90% {
    fill: #d1faf0; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(5n) {
    animation: colorize-5 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(5n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-5 3s linear 1s infinite alternate; }
@keyframes colorize-6 {
  10% {
    fill: #e3d1fa; }
  20% {
    fill: #faead1; }
  30% {
    fill: #faf9d1; }
  40% {
    fill: #faebd1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8b2; }
  70% {
    fill: #fad7d1; }
  80% {
    fill: #fde7f5; }
  90% {
    fill: #faf2d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(6n) {
    animation: colorize-6 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(6n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-6 12s linear 2s infinite alternate; }
@keyframes colorize-7 {
  10% {
    fill: #fad1ee; }
  20% {
    fill: #f2fad1; }
  30% {
    fill: #d1fae8; }
  40% {
    fill: #fafad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8e6; }
  70% {
    fill: #fad1f5; }
  80% {
    fill: #e7fdf5; }
  90% {
    fill: #fad1e5; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(7n) {
    animation: colorize-7 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(7n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-7 3s linear 2s infinite alternate; }
@keyframes colorize-8 {
  10% {
    fill: #faddd1; }
  20% {
    fill: #d1d4fa; }
  30% {
    fill: #faf7d1; }
  40% {
    fill: #d1f9fa; }
  50% {
    fill: white; }
  60% {
    fill: #caf0a8; }
  70% {
    fill: #dffad1; }
  80% {
    fill: #fde7ee; }
  90% {
    fill: #fad1ee; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(8n) {
    animation: colorize-8 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(8n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-8 6s linear 2s infinite alternate; }
@keyframes colorize-9 {
  10% {
    fill: #fad1f5; }
  20% {
    fill: #f9d1fa; }
  30% {
    fill: #d1faf9; }
  40% {
    fill: #e4fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8d9; }
  70% {
    fill: #d1d4fa; }
  80% {
    fill: #fbe7fd; }
  90% {
    fill: #fae6d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(9n) {
    animation: colorize-9 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(9n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-9 9s linear 1s infinite alternate; }
@keyframes colorize-10 {
  10% {
    fill: #e4d1fa; }
  20% {
    fill: #faecd1; }
  30% {
    fill: #fad1d3; }
  40% {
    fill: #fad1d7; }
  50% {
    fill: white; }
  60% {
    fill: #f0d9a8; }
  70% {
    fill: #fae0d1; }
  80% {
    fill: #fdf1e7; }
  90% {
    fill: #fad1d2; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(10n) {
    animation: colorize-10 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(10n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-10 12s linear 1s infinite alternate; }
@keyframes colorize-11 {
  10% {
    fill: #d1f4fa; }
  20% {
    fill: #f4fad1; }
  30% {
    fill: #fad1d2; }
  40% {
    fill: #fad1ec; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8b3; }
  70% {
    fill: #d1fad6; }
  80% {
    fill: #fbfde7; }
  90% {
    fill: #ddd1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(11n) {
    animation: colorize-11 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(11n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-11 9s linear 2s infinite alternate; }
@keyframes colorize-12 {
  10% {
    fill: #fad8d1; }
  20% {
    fill: #d1eafa; }
  30% {
    fill: #d1faf9; }
  40% {
    fill: #e7fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0d1a8; }
  70% {
    fill: #f2d1fa; }
  80% {
    fill: #eefde7; }
  90% {
    fill: #d1faef; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(12n) {
    animation: colorize-12 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(12n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-12 12s linear 1s infinite alternate; }
@keyframes colorize-13 {
  10% {
    fill: #fad1e6; }
  20% {
    fill: #fae0d1; }
  30% {
    fill: #fad1d3; }
  40% {
    fill: #faf1d1; }
  50% {
    fill: white; }
  60% {
    fill: #f0aca8; }
  70% {
    fill: #d1e4fa; }
  80% {
    fill: #f6fde7; }
  90% {
    fill: #ddfad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(13n) {
    animation: colorize-13 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(13n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-13 12s linear 1s infinite alternate; }
@keyframes colorize-14 {
  10% {
    fill: #d1ebfa; }
  20% {
    fill: #d1fadd; }
  30% {
    fill: #fad1d9; }
  40% {
    fill: #e5fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0baa8; }
  70% {
    fill: #faddd1; }
  80% {
    fill: #fde9e7; }
  90% {
    fill: #d9fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(14n) {
    animation: colorize-14 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(14n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-14 9s linear 2s infinite alternate; }
@keyframes colorize-15 {
  10% {
    fill: #fad1e1; }
  20% {
    fill: #d1dafa; }
  30% {
    fill: #d1f2fa; }
  40% {
    fill: #d3fad1; }
  50% {
    fill: white; }
  60% {
    fill: #bda8f0; }
  70% {
    fill: #faf0d1; }
  80% {
    fill: #e7fde8; }
  90% {
    fill: #d9fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(15n) {
    animation: colorize-15 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(15n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-15 6s linear 2s infinite alternate; }
@keyframes colorize-16 {
  10% {
    fill: #faddd1; }
  20% {
    fill: #d5fad1; }
  30% {
    fill: #d1fae8; }
  40% {
    fill: #faecd1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0c0; }
  70% {
    fill: #d1fad1; }
  80% {
    fill: #ecfde7; }
  90% {
    fill: #e8fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(16n) {
    animation: colorize-16 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(16n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-16 9s linear 1s infinite alternate; }
@keyframes colorize-17 {
  10% {
    fill: #f1d1fa; }
  20% {
    fill: #d1fada; }
  30% {
    fill: #d1e1fa; }
  40% {
    fill: #fadbd1; }
  50% {
    fill: white; }
  60% {
    fill: #f0b7a8; }
  70% {
    fill: #faf9d1; }
  80% {
    fill: #fde7f7; }
  90% {
    fill: #fadbd1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(17n) {
    animation: colorize-17 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(17n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-17 9s linear 1s infinite alternate; }
@keyframes colorize-18 {
  10% {
    fill: #d7fad1; }
  20% {
    fill: #d1faf7; }
  30% {
    fill: #d1fad2; }
  40% {
    fill: #faf0d1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0de; }
  70% {
    fill: #e4fad1; }
  80% {
    fill: #e8e7fd; }
  90% {
    fill: #fad9d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(18n) {
    animation: colorize-18 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(18n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-18 12s linear 2s infinite alternate; }
@keyframes colorize-19 {
  10% {
    fill: #fad1f7; }
  20% {
    fill: #d1ebfa; }
  30% {
    fill: #fad1e6; }
  40% {
    fill: #d1fad1; }
  50% {
    fill: white; }
  60% {
    fill: #e3a8f0; }
  70% {
    fill: #d1d5fa; }
  80% {
    fill: #e7fdfc; }
  90% {
    fill: #faf4d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(19n) {
    animation: colorize-19 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(19n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-19 6s linear 2s infinite alternate; }
@keyframes colorize-20 {
  10% {
    fill: #e3d1fa; }
  20% {
    fill: #fadbd1; }
  30% {
    fill: #d1defa; }
  40% {
    fill: #d1fad7; }
  50% {
    fill: white; }
  60% {
    fill: #afa8f0; }
  70% {
    fill: #d1f9fa; }
  80% {
    fill: #e7fdfc; }
  90% {
    fill: #fae2d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(20n) {
    animation: colorize-20 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(20n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-20 12s linear 1s infinite alternate; }
@keyframes colorize-21 {
  10% {
    fill: #f3fad1; }
  20% {
    fill: #d9d1fa; }
  30% {
    fill: #fad1eb; }
  40% {
    fill: #fad1ee; }
  50% {
    fill: white; }
  60% {
    fill: #f0eca8; }
  70% {
    fill: #d8d1fa; }
  80% {
    fill: #e7fdec; }
  90% {
    fill: #d1fae3; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(21n) {
    animation: colorize-21 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(21n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-21 6s linear 1s infinite alternate; }
@keyframes colorize-22 {
  10% {
    fill: #ddd1fa; }
  20% {
    fill: #fae6d1; }
  30% {
    fill: #fad1fa; }
  40% {
    fill: #fad1ef; }
  50% {
    fill: white; }
  60% {
    fill: #a8b1f0; }
  70% {
    fill: #d1f7fa; }
  80% {
    fill: #f8e7fd; }
  90% {
    fill: #d1d5fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(22n) {
    animation: colorize-22 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(22n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-22 12s linear 1s infinite alternate; }
@keyframes colorize-23 {
  10% {
    fill: #e2fad1; }
  20% {
    fill: #fad1e6; }
  30% {
    fill: #d1e5fa; }
  40% {
    fill: #e6fad1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0ae; }
  70% {
    fill: #fadbd1; }
  80% {
    fill: #f0e7fd; }
  90% {
    fill: #e3d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(23n) {
    animation: colorize-23 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(23n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-23 3s linear 1s infinite alternate; }
@keyframes colorize-24 {
  10% {
    fill: #fae5d1; }
  20% {
    fill: #d1e8fa; }
  30% {
    fill: #e3fad1; }
  40% {
    fill: #d1fae1; }
  50% {
    fill: white; }
  60% {
    fill: #a8daf0; }
  70% {
    fill: #ecd1fa; }
  80% {
    fill: #e7fdf9; }
  90% {
    fill: #f2fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(24n) {
    animation: colorize-24 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(24n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-24 12s linear 1s infinite alternate; }
@keyframes colorize-25 {
  10% {
    fill: #dcfad1; }
  20% {
    fill: #e5d1fa; }
  30% {
    fill: #fadfd1; }
  40% {
    fill: #d1e8fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0d4a8; }
  70% {
    fill: #fad1f0; }
  80% {
    fill: #fde7f1; }
  90% {
    fill: #fad1f9; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(25n) {
    animation: colorize-25 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(25n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-25 12s linear 2s infinite alternate; }
@keyframes colorize-26 {
  10% {
    fill: #d8fad1; }
  20% {
    fill: #d1faf6; }
  30% {
    fill: #ded1fa; }
  40% {
    fill: #d1eefa; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8c4; }
  70% {
    fill: #d1faf7; }
  80% {
    fill: #ede7fd; }
  90% {
    fill: #fae2d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(26n) {
    animation: colorize-26 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(26n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-26 6s linear 2s infinite alternate; }
@keyframes colorize-27 {
  10% {
    fill: #fae5d1; }
  20% {
    fill: #f7fad1; }
  30% {
    fill: #fad9d1; }
  40% {
    fill: #ecfad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0b1a8; }
  70% {
    fill: #d1e1fa; }
  80% {
    fill: #f0fde7; }
  90% {
    fill: #d1fae6; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(27n) {
    animation: colorize-27 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(27n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-27 3s linear 2s infinite alternate; }
@keyframes colorize-28 {
  10% {
    fill: #d7fad1; }
  20% {
    fill: #fad1d6; }
  30% {
    fill: #d1d1fa; }
  40% {
    fill: #d1f2fa; }
  50% {
    fill: white; }
  60% {
    fill: #bba8f0; }
  70% {
    fill: #faf2d1; }
  80% {
    fill: #e7eafd; }
  90% {
    fill: #d7d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(28n) {
    animation: colorize-28 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(28n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-28 3s linear 1s infinite alternate; }
@keyframes colorize-29 {
  10% {
    fill: #d1faed; }
  20% {
    fill: #d1f1fa; }
  30% {
    fill: #d1fad2; }
  40% {
    fill: #d1fada; }
  50% {
    fill: white; }
  60% {
    fill: #d3f0a8; }
  70% {
    fill: #fad1ef; }
  80% {
    fill: #fbe7fd; }
  90% {
    fill: #d7fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(29n) {
    animation: colorize-29 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(29n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-29 9s linear 2s infinite alternate; }
@keyframes colorize-30 {
  10% {
    fill: #d2fad1; }
  20% {
    fill: #faebd1; }
  30% {
    fill: #f0d1fa; }
  40% {
    fill: #f7fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8a9; }
  70% {
    fill: #f9fad1; }
  80% {
    fill: #fdfbe7; }
  90% {
    fill: #d1d9fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(30n) {
    animation: colorize-30 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(30n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-30 6s linear 1s infinite alternate; }
@keyframes colorize-31 {
  10% {
    fill: #d1eefa; }
  20% {
    fill: #f2fad1; }
  30% {
    fill: #e3d1fa; }
  40% {
    fill: #faf2d1; }
  50% {
    fill: white; }
  60% {
    fill: #f0bda8; }
  70% {
    fill: #fad1eb; }
  80% {
    fill: #fdfce7; }
  90% {
    fill: #d1d2fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(31n) {
    animation: colorize-31 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(31n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-31 9s linear 2s infinite alternate; }
@keyframes colorize-32 {
  10% {
    fill: #d1eefa; }
  20% {
    fill: #fad1dd; }
  30% {
    fill: #fad6d1; }
  40% {
    fill: #fad1d6; }
  50% {
    fill: white; }
  60% {
    fill: #a8acf0; }
  70% {
    fill: #d1fad7; }
  80% {
    fill: #e7fdf6; }
  90% {
    fill: #e8d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(32n) {
    animation: colorize-32 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(32n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-32 3s linear 2s infinite alternate; }
@keyframes colorize-33 {
  10% {
    fill: #fad5d1; }
  20% {
    fill: #d1dffa; }
  30% {
    fill: #d1e1fa; }
  40% {
    fill: #d1fadd; }
  50% {
    fill: white; }
  60% {
    fill: #edf0a8; }
  70% {
    fill: #e8fad1; }
  80% {
    fill: #fdf3e7; }
  90% {
    fill: #faead1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(33n) {
    animation: colorize-33 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(33n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-33 6s linear 2s infinite alternate; }
@keyframes colorize-34 {
  10% {
    fill: #fad1e2; }
  20% {
    fill: #f0fad1; }
  30% {
    fill: #d1ebfa; }
  40% {
    fill: #fad1d8; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8c0; }
  70% {
    fill: #d1d7fa; }
  80% {
    fill: #e7f5fd; }
  90% {
    fill: #faf0d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(34n) {
    animation: colorize-34 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(34n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-34 3s linear 2s infinite alternate; }
@keyframes colorize-35 {
  10% {
    fill: #f9d1fa; }
  20% {
    fill: #d1faf7; }
  30% {
    fill: #fad1d4; }
  40% {
    fill: #d1faeb; }
  50% {
    fill: white; }
  60% {
    fill: #f0bfa8; }
  70% {
    fill: #d1e0fa; }
  80% {
    fill: #e8fde7; }
  90% {
    fill: #d1faf2; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(35n) {
    animation: colorize-35 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(35n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-35 3s linear 1s infinite alternate; }
@keyframes colorize-36 {
  10% {
    fill: #d1f9fa; }
  20% {
    fill: #d1d5fa; }
  30% {
    fill: #dfd1fa; }
  40% {
    fill: #e3fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0aca8; }
  70% {
    fill: #fad1f7; }
  80% {
    fill: #edfde7; }
  90% {
    fill: #fad6d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(36n) {
    animation: colorize-36 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(36n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-36 3s linear 1s infinite alternate; }
@keyframes colorize-37 {
  10% {
    fill: #f6d1fa; }
  20% {
    fill: #ead1fa; }
  30% {
    fill: #fadfd1; }
  40% {
    fill: #ead1fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0dfa8; }
  70% {
    fill: #d1fae3; }
  80% {
    fill: #e7fde8; }
  90% {
    fill: #d1fae2; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(37n) {
    animation: colorize-37 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(37n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-37 3s linear 2s infinite alternate; }
@keyframes colorize-38 {
  10% {
    fill: #faeed1; }
  20% {
    fill: #e2d1fa; }
  30% {
    fill: #f1fad1; }
  40% {
    fill: #dafad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8bb; }
  70% {
    fill: #d1dbfa; }
  80% {
    fill: #ebe7fd; }
  90% {
    fill: #d1faf7; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(38n) {
    animation: colorize-38 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(38n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-38 3s linear 2s infinite alternate; }
@keyframes colorize-39 {
  10% {
    fill: #fadbd1; }
  20% {
    fill: #f0fad1; }
  30% {
    fill: #f2d1fa; }
  40% {
    fill: #fad1f6; }
  50% {
    fill: white; }
  60% {
    fill: #daa8f0; }
  70% {
    fill: #faf5d1; }
  80% {
    fill: #e7ebfd; }
  90% {
    fill: #faddd1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(39n) {
    animation: colorize-39 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(39n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-39 3s linear 1s infinite alternate; }
@keyframes colorize-40 {
  10% {
    fill: #e3fad1; }
  20% {
    fill: #d1fadd; }
  30% {
    fill: #d2d1fa; }
  40% {
    fill: #fad1da; }
  50% {
    fill: white; }
  60% {
    fill: #c0f0a8; }
  70% {
    fill: #ebd1fa; }
  80% {
    fill: #fcfde7; }
  90% {
    fill: #fad1f5; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(40n) {
    animation: colorize-40 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(40n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-40 12s linear 2s infinite alternate; }
@keyframes colorize-41 {
  10% {
    fill: #d1f9fa; }
  20% {
    fill: #f5d1fa; }
  30% {
    fill: #fad1f3; }
  40% {
    fill: #fae8d1; }
  50% {
    fill: white; }
  60% {
    fill: #c7f0a8; }
  70% {
    fill: #fad9d1; }
  80% {
    fill: #f6e7fd; }
  90% {
    fill: #fae3d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(41n) {
    animation: colorize-41 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(41n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-41 9s linear 1s infinite alternate; }
@keyframes colorize-42 {
  10% {
    fill: #fae1d1; }
  20% {
    fill: #dbfad1; }
  30% {
    fill: #faded1; }
  40% {
    fill: #d2fad1; }
  50% {
    fill: white; }
  60% {
    fill: #a8b7f0; }
  70% {
    fill: #d1d2fa; }
  80% {
    fill: #fcfde7; }
  90% {
    fill: #d1e6fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(42n) {
    animation: colorize-42 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(42n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-42 6s linear 1s infinite alternate; }
@keyframes colorize-43 {
  10% {
    fill: #faead1; }
  20% {
    fill: #e7fad1; }
  30% {
    fill: #e7d1fa; }
  40% {
    fill: #faf9d1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8af; }
  70% {
    fill: #d1fad1; }
  80% {
    fill: #fde7f6; }
  90% {
    fill: #d9fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(43n) {
    animation: colorize-43 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(43n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-43 6s linear 1s infinite alternate; }
@keyframes colorize-44 {
  10% {
    fill: #fad1ef; }
  20% {
    fill: #fad1f4; }
  30% {
    fill: #e4fad1; }
  40% {
    fill: #d1dafa; }
  50% {
    fill: white; }
  60% {
    fill: #caa8f0; }
  70% {
    fill: #d1e0fa; }
  80% {
    fill: #eafde7; }
  90% {
    fill: #d1faf3; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(44n) {
    animation: colorize-44 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(44n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-44 6s linear 1s infinite alternate; }
@keyframes colorize-45 {
  10% {
    fill: #fad1d2; }
  20% {
    fill: #d1f7fa; }
  30% {
    fill: #fad9d1; }
  40% {
    fill: #e1d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0c1; }
  70% {
    fill: #dffad1; }
  80% {
    fill: #fdf1e7; }
  90% {
    fill: #faebd1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(45n) {
    animation: colorize-45 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(45n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-45 6s linear 1s infinite alternate; }
@keyframes colorize-46 {
  10% {
    fill: #f1d1fa; }
  20% {
    fill: #d1eefa; }
  30% {
    fill: #edd1fa; }
  40% {
    fill: #e1d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8ef; }
  70% {
    fill: #e8fad1; }
  80% {
    fill: #fdf4e7; }
  90% {
    fill: #dfd1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(46n) {
    animation: colorize-46 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(46n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-46 12s linear 2s infinite alternate; }
@keyframes colorize-47 {
  10% {
    fill: #d1fae8; }
  20% {
    fill: #fad1ed; }
  30% {
    fill: #fad1e6; }
  40% {
    fill: #e6fad1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0df; }
  70% {
    fill: #fad1ee; }
  80% {
    fill: #fdefe7; }
  90% {
    fill: #d1fae3; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(47n) {
    animation: colorize-47 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(47n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-47 3s linear 1s infinite alternate; }
@keyframes colorize-48 {
  10% {
    fill: #d1d6fa; }
  20% {
    fill: #d1fadf; }
  30% {
    fill: #fad1ec; }
  40% {
    fill: #dfd1fa; }
  50% {
    fill: white; }
  60% {
    fill: #d2f0a8; }
  70% {
    fill: #f9d1fa; }
  80% {
    fill: #fde7fa; }
  90% {
    fill: #fad1e6; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(48n) {
    animation: colorize-48 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(48n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-48 9s linear 1s infinite alternate; }
@keyframes colorize-49 {
  10% {
    fill: #d1faee; }
  20% {
    fill: #e3fad1; }
  30% {
    fill: #faeed1; }
  40% {
    fill: #d1e5fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8e3; }
  70% {
    fill: #fad1f2; }
  80% {
    fill: #fde9e7; }
  90% {
    fill: #fad7d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(49n) {
    animation: colorize-49 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(49n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-49 12s linear 1s infinite alternate; }
@keyframes colorize-50 {
  10% {
    fill: #d1d5fa; }
  20% {
    fill: #faf5d1; }
  30% {
    fill: #dbfad1; }
  40% {
    fill: #fad9d1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0c2; }
  70% {
    fill: #ddfad1; }
  80% {
    fill: #e7fde8; }
  90% {
    fill: #d1f1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(50n) {
    animation: colorize-50 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(50n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-50 12s linear 1s infinite alternate; }
@keyframes colorize-51 {
  10% {
    fill: #d1f5fa; }
  20% {
    fill: #e8fad1; }
  30% {
    fill: #d1faf8; }
  40% {
    fill: #faecd1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0f0; }
  70% {
    fill: #d1d5fa; }
  80% {
    fill: #e7e8fd; }
  90% {
    fill: #d1e8fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(51n) {
    animation: colorize-51 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(51n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-51 9s linear 2s infinite alternate; }
@keyframes colorize-52 {
  10% {
    fill: #d1fadf; }
  20% {
    fill: #fae8d1; }
  30% {
    fill: #d9fad1; }
  40% {
    fill: #eed1fa; }
  50% {
    fill: white; }
  60% {
    fill: #d7f0a8; }
  70% {
    fill: #d1fad7; }
  80% {
    fill: #fdefe7; }
  90% {
    fill: #d1faec; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(52n) {
    animation: colorize-52 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(52n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-52 6s linear 2s infinite alternate; }
@keyframes colorize-53 {
  10% {
    fill: #d1faf0; }
  20% {
    fill: #e6fad1; }
  30% {
    fill: #faefd1; }
  40% {
    fill: #fad1f3; }
  50% {
    fill: white; }
  60% {
    fill: #baf0a8; }
  70% {
    fill: #defad1; }
  80% {
    fill: #fdf9e7; }
  90% {
    fill: #fad1ee; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(53n) {
    animation: colorize-53 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(53n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-53 12s linear 2s infinite alternate; }
@keyframes colorize-54 {
  10% {
    fill: #fad1f4; }
  20% {
    fill: #e1fad1; }
  30% {
    fill: #fadbd1; }
  40% {
    fill: #d1d3fa; }
  50% {
    fill: white; }
  60% {
    fill: #eff0a8; }
  70% {
    fill: #d1e9fa; }
  80% {
    fill: #fdfce7; }
  90% {
    fill: #fad1ed; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(54n) {
    animation: colorize-54 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(54n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-54 6s linear 2s infinite alternate; }
@keyframes colorize-55 {
  10% {
    fill: #d7d1fa; }
  20% {
    fill: #faf1d1; }
  30% {
    fill: #fadfd1; }
  40% {
    fill: #fad1e9; }
  50% {
    fill: white; }
  60% {
    fill: #f0e6a8; }
  70% {
    fill: #d7fad1; }
  80% {
    fill: #fdf9e7; }
  90% {
    fill: #d7fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(55n) {
    animation: colorize-55 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(55n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-55 6s linear 1s infinite alternate; }
@keyframes colorize-56 {
  10% {
    fill: #e4d1fa; }
  20% {
    fill: #f2fad1; }
  30% {
    fill: #efd1fa; }
  40% {
    fill: #d1fae1; }
  50% {
    fill: white; }
  60% {
    fill: #a8c8f0; }
  70% {
    fill: #d1effa; }
  80% {
    fill: #eefde7; }
  90% {
    fill: #fad1e6; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(56n) {
    animation: colorize-56 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(56n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-56 9s linear 1s infinite alternate; }
@keyframes colorize-57 {
  10% {
    fill: #d1e4fa; }
  20% {
    fill: #d1f0fa; }
  30% {
    fill: #d1fad9; }
  40% {
    fill: #faedd1; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0b4; }
  70% {
    fill: #dfd1fa; }
  80% {
    fill: #e7fdfd; }
  90% {
    fill: #d1f6fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(57n) {
    animation: colorize-57 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(57n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-57 6s linear 2s infinite alternate; }
@keyframes colorize-58 {
  10% {
    fill: #fad1df; }
  20% {
    fill: #d1eafa; }
  30% {
    fill: #efd1fa; }
  40% {
    fill: #e0d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8e9f0; }
  70% {
    fill: #d1faee; }
  80% {
    fill: #e7fdfd; }
  90% {
    fill: #d1f0fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(58n) {
    animation: colorize-58 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(58n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-58 12s linear 2s infinite alternate; }
@keyframes colorize-59 {
  10% {
    fill: #fad3d1; }
  20% {
    fill: #fadcd1; }
  30% {
    fill: #d1fae0; }
  40% {
    fill: #ecfad1; }
  50% {
    fill: white; }
  60% {
    fill: #b3f0a8; }
  70% {
    fill: #fae6d1; }
  80% {
    fill: #e7e9fd; }
  90% {
    fill: #f3d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(59n) {
    animation: colorize-59 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(59n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-59 6s linear 1s infinite alternate; }
@keyframes colorize-60 {
  10% {
    fill: #fad5d1; }
  20% {
    fill: #d1fad9; }
  30% {
    fill: #fad1d9; }
  40% {
    fill: #d1fae9; }
  50% {
    fill: white; }
  60% {
    fill: #f0aea8; }
  70% {
    fill: #ddd1fa; }
  80% {
    fill: #fde7f4; }
  90% {
    fill: #d1eefa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(60n) {
    animation: colorize-60 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(60n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-60 6s linear 1s infinite alternate; }
@keyframes colorize-61 {
  10% {
    fill: #d1faed; }
  20% {
    fill: #e7d1fa; }
  30% {
    fill: #d1fad9; }
  40% {
    fill: #d1d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #d1f0a8; }
  70% {
    fill: #d1dffa; }
  80% {
    fill: #e7fdeb; }
  90% {
    fill: #d1faee; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(61n) {
    animation: colorize-61 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(61n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-61 9s linear 2s infinite alternate; }
@keyframes colorize-62 {
  10% {
    fill: #d2fad1; }
  20% {
    fill: #fadcd1; }
  30% {
    fill: #d1fae7; }
  40% {
    fill: #d1fae8; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8eb; }
  70% {
    fill: #faefd1; }
  80% {
    fill: #efe7fd; }
  90% {
    fill: #fad9d1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(62n) {
    animation: colorize-62 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(62n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-62 3s linear 1s infinite alternate; }
@keyframes colorize-63 {
  10% {
    fill: #d7d1fa; }
  20% {
    fill: #d1fae2; }
  30% {
    fill: #d1ddfa; }
  40% {
    fill: #f7d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0b1; }
  70% {
    fill: #fae2d1; }
  80% {
    fill: #fde7e9; }
  90% {
    fill: #fadbd1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(63n) {
    animation: colorize-63 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(63n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-63 3s linear 2s infinite alternate; }
@keyframes colorize-64 {
  10% {
    fill: #d1fad5; }
  20% {
    fill: #f4d1fa; }
  30% {
    fill: #d4d1fa; }
  40% {
    fill: #e1fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8ad; }
  70% {
    fill: #faf2d1; }
  80% {
    fill: #e7fdea; }
  90% {
    fill: #d1fad7; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(64n) {
    animation: colorize-64 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(64n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-64 12s linear 1s infinite alternate; }
@keyframes colorize-65 {
  10% {
    fill: #fad1e8; }
  20% {
    fill: #d1faf9; }
  30% {
    fill: #faeed1; }
  40% {
    fill: #fad9d1; }
  50% {
    fill: white; }
  60% {
    fill: #b3f0a8; }
  70% {
    fill: #fad1db; }
  80% {
    fill: #e7f0fd; }
  90% {
    fill: #fad1f0; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(65n) {
    animation: colorize-65 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(65n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-65 9s linear 1s infinite alternate; }
@keyframes colorize-66 {
  10% {
    fill: #eafad1; }
  20% {
    fill: #d1faea; }
  30% {
    fill: #d8d1fa; }
  40% {
    fill: #fad1f7; }
  50% {
    fill: white; }
  60% {
    fill: #f0caa8; }
  70% {
    fill: #f0fad1; }
  80% {
    fill: #e7fdeb; }
  90% {
    fill: #d1d3fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(66n) {
    animation: colorize-66 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(66n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-66 3s linear 1s infinite alternate; }
@keyframes colorize-67 {
  10% {
    fill: #fad1e1; }
  20% {
    fill: #d1d9fa; }
  30% {
    fill: #e0d1fa; }
  40% {
    fill: #fad1e8; }
  50% {
    fill: white; }
  60% {
    fill: #e5a8f0; }
  70% {
    fill: #e3fad1; }
  80% {
    fill: #e7fdf7; }
  90% {
    fill: #f5fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(67n) {
    animation: colorize-67 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(67n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-67 3s linear 2s infinite alternate; }
@keyframes colorize-68 {
  10% {
    fill: #fad1df; }
  20% {
    fill: #d1d2fa; }
  30% {
    fill: #d6d1fa; }
  40% {
    fill: #d1d5fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8d6f0; }
  70% {
    fill: #fad1e0; }
  80% {
    fill: #fdf7e7; }
  90% {
    fill: #fad1d5; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(68n) {
    animation: colorize-68 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(68n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-68 9s linear 2s infinite alternate; }
@keyframes colorize-69 {
  10% {
    fill: #edd1fa; }
  20% {
    fill: #d1faf3; }
  30% {
    fill: #fae0d1; }
  40% {
    fill: #d1d2fa; }
  50% {
    fill: white; }
  60% {
    fill: #e4a8f0; }
  70% {
    fill: #e6fad1; }
  80% {
    fill: #f2e7fd; }
  90% {
    fill: #fad1d6; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(69n) {
    animation: colorize-69 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(69n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-69 3s linear 1s infinite alternate; }
@keyframes colorize-70 {
  10% {
    fill: #d1faea; }
  20% {
    fill: #d1fadd; }
  30% {
    fill: #fad3d1; }
  40% {
    fill: #d1faf0; }
  50% {
    fill: white; }
  60% {
    fill: #f0d7a8; }
  70% {
    fill: #dad1fa; }
  80% {
    fill: #fbfde7; }
  90% {
    fill: #fad1d9; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(70n) {
    animation: colorize-70 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(70n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-70 3s linear 2s infinite alternate; }
@keyframes colorize-71 {
  10% {
    fill: #d1faee; }
  20% {
    fill: #d1fadf; }
  30% {
    fill: #d9fad1; }
  40% {
    fill: #d1f9fa; }
  50% {
    fill: white; }
  60% {
    fill: #bef0a8; }
  70% {
    fill: #d1fad9; }
  80% {
    fill: #efe7fd; }
  90% {
    fill: #ebfad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(71n) {
    animation: colorize-71 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(71n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-71 9s linear 2s infinite alternate; }
@keyframes colorize-72 {
  10% {
    fill: #fad1d6; }
  20% {
    fill: #e6fad1; }
  30% {
    fill: #d1fae1; }
  40% {
    fill: #fad1e6; }
  50% {
    fill: white; }
  60% {
    fill: #a8d6f0; }
  70% {
    fill: #fad6d1; }
  80% {
    fill: #fde7ec; }
  90% {
    fill: #d1e2fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(72n) {
    animation: colorize-72 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(72n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-72 12s linear 2s infinite alternate; }
@keyframes colorize-73 {
  10% {
    fill: #d2fad1; }
  20% {
    fill: #ebd1fa; }
  30% {
    fill: #d8d1fa; }
  40% {
    fill: #d1f5fa; }
  50% {
    fill: white; }
  60% {
    fill: #d3f0a8; }
  70% {
    fill: #d1e7fa; }
  80% {
    fill: #fde7f5; }
  90% {
    fill: #d1e1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(73n) {
    animation: colorize-73 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(73n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-73 3s linear 2s infinite alternate; }
@keyframes colorize-74 {
  10% {
    fill: #d1e0fa; }
  20% {
    fill: #fad1dd; }
  30% {
    fill: #dbd1fa; }
  40% {
    fill: #dfd1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0e9; }
  70% {
    fill: #d1faf0; }
  80% {
    fill: #e7fdfc; }
  90% {
    fill: #d1fae8; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(74n) {
    animation: colorize-74 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(74n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-74 12s linear 1s infinite alternate; }
@keyframes colorize-75 {
  10% {
    fill: #f0fad1; }
  20% {
    fill: #eafad1; }
  30% {
    fill: #d1fad5; }
  40% {
    fill: #f9d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #baf0a8; }
  70% {
    fill: #fad1f4; }
  80% {
    fill: #fde7e7; }
  90% {
    fill: #d1ecfa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(75n) {
    animation: colorize-75 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(75n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-75 12s linear 1s infinite alternate; }
@keyframes colorize-76 {
  10% {
    fill: #e4fad1; }
  20% {
    fill: #d1faf4; }
  30% {
    fill: #f9d1fa; }
  40% {
    fill: #d1e6fa; }
  50% {
    fill: white; }
  60% {
    fill: #cca8f0; }
  70% {
    fill: #e8d1fa; }
  80% {
    fill: #fdfae7; }
  90% {
    fill: #d1fae3; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(76n) {
    animation: colorize-76 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(76n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-76 6s linear 1s infinite alternate; }
@keyframes colorize-77 {
  10% {
    fill: #fad1df; }
  20% {
    fill: #faeed1; }
  30% {
    fill: #d1faf2; }
  40% {
    fill: #f8fad1; }
  50% {
    fill: white; }
  60% {
    fill: #f0c7a8; }
  70% {
    fill: #faecd1; }
  80% {
    fill: #ece7fd; }
  90% {
    fill: #f4d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(77n) {
    animation: colorize-77 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(77n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-77 12s linear 2s infinite alternate; }
@keyframes colorize-78 {
  10% {
    fill: #d1ecfa; }
  20% {
    fill: #dcfad1; }
  30% {
    fill: #eafad1; }
  40% {
    fill: #d1f7fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0aca8; }
  70% {
    fill: #effad1; }
  80% {
    fill: #fde7ec; }
  90% {
    fill: #fad1e0; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(78n) {
    animation: colorize-78 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(78n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-78 12s linear 1s infinite alternate; }
@keyframes colorize-79 {
  10% {
    fill: #ead1fa; }
  20% {
    fill: #d5d1fa; }
  30% {
    fill: #fad1dd; }
  40% {
    fill: #fad1e2; }
  50% {
    fill: white; }
  60% {
    fill: #f0b5a8; }
  70% {
    fill: #d5fad1; }
  80% {
    fill: #fde7f2; }
  90% {
    fill: #dcfad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(79n) {
    animation: colorize-79 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(79n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-79 12s linear 2s infinite alternate; }
@keyframes colorize-80 {
  10% {
    fill: #d1f9fa; }
  20% {
    fill: #fad1e0; }
  30% {
    fill: #f7d1fa; }
  40% {
    fill: #fae6d1; }
  50% {
    fill: white; }
  60% {
    fill: #a8d7f0; }
  70% {
    fill: #d1e5fa; }
  80% {
    fill: #e7f5fd; }
  90% {
    fill: #dcfad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(80n) {
    animation: colorize-80 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(80n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-80 3s linear 1s infinite alternate; }
@keyframes colorize-81 {
  10% {
    fill: #dad1fa; }
  20% {
    fill: #ddfad1; }
  30% {
    fill: #fadfd1; }
  40% {
    fill: #faddd1; }
  50% {
    fill: white; }
  60% {
    fill: #b4a8f0; }
  70% {
    fill: #d1ecfa; }
  80% {
    fill: #e7fdec; }
  90% {
    fill: #e2fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(81n) {
    animation: colorize-81 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(81n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-81 12s linear 2s infinite alternate; }
@keyframes colorize-82 {
  10% {
    fill: #fae4d1; }
  20% {
    fill: #d9d1fa; }
  30% {
    fill: #ebd1fa; }
  40% {
    fill: #e8d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0bfa8; }
  70% {
    fill: #e9fad1; }
  80% {
    fill: #e7fdf7; }
  90% {
    fill: #f2fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(82n) {
    animation: colorize-82 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(82n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-82 6s linear 2s infinite alternate; }
@keyframes colorize-83 {
  10% {
    fill: #f0fad1; }
  20% {
    fill: #d1faf1; }
  30% {
    fill: #d1faf7; }
  40% {
    fill: #fad1d5; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0a8; }
  70% {
    fill: #d1d5fa; }
  80% {
    fill: #fdf6e7; }
  90% {
    fill: #fad1db; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(83n) {
    animation: colorize-83 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(83n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-83 3s linear 1s infinite alternate; }
@keyframes colorize-84 {
  10% {
    fill: #f3fad1; }
  20% {
    fill: #fad1e3; }
  30% {
    fill: #d4d1fa; }
  40% {
    fill: #fad1e0; }
  50% {
    fill: white; }
  60% {
    fill: #b5f0a8; }
  70% {
    fill: #faebd1; }
  80% {
    fill: #e7ebfd; }
  90% {
    fill: #eafad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(84n) {
    animation: colorize-84 6s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(84n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-84 3s linear 1s infinite alternate; }
@keyframes colorize-85 {
  10% {
    fill: #d1eefa; }
  20% {
    fill: #d1f1fa; }
  30% {
    fill: #e9fad1; }
  40% {
    fill: #d1defa; }
  50% {
    fill: white; }
  60% {
    fill: #caa8f0; }
  70% {
    fill: #fad1f7; }
  80% {
    fill: #f4fde7; }
  90% {
    fill: #d1eafa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(85n) {
    animation: colorize-85 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(85n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-85 12s linear 1s infinite alternate; }
@keyframes colorize-86 {
  10% {
    fill: #d6fad1; }
  20% {
    fill: #e6fad1; }
  30% {
    fill: #d1fadd; }
  40% {
    fill: #fad1e6; }
  50% {
    fill: white; }
  60% {
    fill: #a8c0f0; }
  70% {
    fill: #fae0d1; }
  80% {
    fill: #fde7f2; }
  90% {
    fill: #d1fae6; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(86n) {
    animation: colorize-86 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(86n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-86 6s linear 1s infinite alternate; }
@keyframes colorize-87 {
  10% {
    fill: #faf1d1; }
  20% {
    fill: #d7fad1; }
  30% {
    fill: #e1fad1; }
  40% {
    fill: #d1fada; }
  50% {
    fill: white; }
  60% {
    fill: #a8bdf0; }
  70% {
    fill: #d1f4fa; }
  80% {
    fill: #fce7fd; }
  90% {
    fill: #dffad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(87n) {
    animation: colorize-87 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(87n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-87 9s linear 1s infinite alternate; }
@keyframes colorize-88 {
  10% {
    fill: #eed1fa; }
  20% {
    fill: #fae8d1; }
  30% {
    fill: #d1eafa; }
  40% {
    fill: #d1fae1; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8ca; }
  70% {
    fill: #d1fadf; }
  80% {
    fill: #fde7f8; }
  90% {
    fill: #fad1da; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(88n) {
    animation: colorize-88 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(88n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-88 12s linear 1s infinite alternate; }
@keyframes colorize-89 {
  10% {
    fill: #e6fad1; }
  20% {
    fill: #d1dffa; }
  30% {
    fill: #dbfad1; }
  40% {
    fill: #d1f3fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8ce; }
  70% {
    fill: #d7fad1; }
  80% {
    fill: #e7fdef; }
  90% {
    fill: #ddd1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(89n) {
    animation: colorize-89 12s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(89n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-89 6s linear 1s infinite alternate; }
@keyframes colorize-90 {
  10% {
    fill: #dbd1fa; }
  20% {
    fill: #fad1d7; }
  30% {
    fill: #e1fad1; }
  40% {
    fill: #e6fad1; }
  50% {
    fill: white; }
  60% {
    fill: #e9a8f0; }
  70% {
    fill: #fad1e7; }
  80% {
    fill: #e8fde7; }
  90% {
    fill: #fad1d7; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(90n) {
    animation: colorize-90 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(90n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-90 6s linear 1s infinite alternate; }
@keyframes colorize-91 {
  10% {
    fill: #faf4d1; }
  20% {
    fill: #d1ecfa; }
  30% {
    fill: #d1e0fa; }
  40% {
    fill: #fad1db; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8ae; }
  70% {
    fill: #d1f0fa; }
  80% {
    fill: #fbe7fd; }
  90% {
    fill: #d1f4fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(91n) {
    animation: colorize-91 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(91n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-91 3s linear 1s infinite alternate; }
@keyframes colorize-92 {
  10% {
    fill: #d1f3fa; }
  20% {
    fill: #d1fade; }
  30% {
    fill: #fad1f7; }
  40% {
    fill: #faead1; }
  50% {
    fill: white; }
  60% {
    fill: #f0d9a8; }
  70% {
    fill: #fae6d1; }
  80% {
    fill: #f7fde7; }
  90% {
    fill: #fad1f9; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(92n) {
    animation: colorize-92 12s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(92n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-92 3s linear 1s infinite alternate; }
@keyframes colorize-93 {
  10% {
    fill: #d1d2fa; }
  20% {
    fill: #fad1ed; }
  30% {
    fill: #d9d1fa; }
  40% {
    fill: #d1d9fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0d4; }
  70% {
    fill: #d8d1fa; }
  80% {
    fill: #ebfde7; }
  90% {
    fill: #eafad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(93n) {
    animation: colorize-93 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(93n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-93 6s linear 1s infinite alternate; }
@keyframes colorize-94 {
  10% {
    fill: #fadfd1; }
  20% {
    fill: #d1d1fa; }
  30% {
    fill: #d9fad1; }
  40% {
    fill: #d5d1fa; }
  50% {
    fill: white; }
  60% {
    fill: #a8f0c8; }
  70% {
    fill: #fad8d1; }
  80% {
    fill: #fdf3e7; }
  90% {
    fill: #fad1ec; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(94n) {
    animation: colorize-94 3s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(94n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-94 9s linear 1s infinite alternate; }
@keyframes colorize-95 {
  10% {
    fill: #edd1fa; }
  20% {
    fill: #fad1d4; }
  30% {
    fill: #d1faef; }
  40% {
    fill: #d1fadc; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8cd; }
  70% {
    fill: #d1f6fa; }
  80% {
    fill: #e9fde7; }
  90% {
    fill: #fad1ef; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(95n) {
    animation: colorize-95 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(95n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-95 12s linear 1s infinite alternate; }
@keyframes colorize-96 {
  10% {
    fill: #d1fad6; }
  20% {
    fill: #f3d1fa; }
  30% {
    fill: #ecfad1; }
  40% {
    fill: #d1f7fa; }
  50% {
    fill: white; }
  60% {
    fill: #f0e0a8; }
  70% {
    fill: #edfad1; }
  80% {
    fill: #fdf6e7; }
  90% {
    fill: #fafad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(96n) {
    animation: colorize-96 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(96n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-96 12s linear 2s infinite alternate; }
@keyframes colorize-97 {
  10% {
    fill: #d1fad4; }
  20% {
    fill: #fad1d2; }
  30% {
    fill: #e5fad1; }
  40% {
    fill: #d1fae2; }
  50% {
    fill: white; }
  60% {
    fill: #f0a8dd; }
  70% {
    fill: #d1fae8; }
  80% {
    fill: #ede7fd; }
  90% {
    fill: #d1d5fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(97n) {
    animation: colorize-97 9s linear 2s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(97n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-97 9s linear 1s infinite alternate; }
@keyframes colorize-98 {
  10% {
    fill: #d6fad1; }
  20% {
    fill: #d1fadd; }
  30% {
    fill: #e5fad1; }
  40% {
    fill: #fad5d1; }
  50% {
    fill: white; }
  60% {
    fill: #d9a8f0; }
  70% {
    fill: #e6fad1; }
  80% {
    fill: #e7fded; }
  90% {
    fill: #e6fad1; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(98n) {
    animation: colorize-98 9s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(98n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-98 6s linear 2s infinite alternate; }
@keyframes colorize-99 {
  10% {
    fill: #fae1d1; }
  20% {
    fill: #d1faf0; }
  30% {
    fill: #d1effa; }
  40% {
    fill: #d1fae3; }
  50% {
    fill: white; }
  60% {
    fill: #f0efa8; }
  70% {
    fill: #e8fad1; }
  80% {
    fill: #e7fded; }
  90% {
    fill: #d1fad9; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(99n) {
    animation: colorize-99 3s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(99n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-99 6s linear 2s infinite alternate; }
@keyframes colorize-100 {
  10% {
    fill: #faead1; }
  20% {
    fill: #fae7d1; }
  30% {
    fill: #f9d1fa; }
  40% {
    fill: #fad1db; }
  50% {
    fill: white; }
  60% {
    fill: #cca8f0; }
  70% {
    fill: #fad1d9; }
  80% {
    fill: #fde7eb; }
  90% {
    fill: #f2d1fa; } }
  /* line 135, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-highlightblossom:nth-of-type(100n) {
    animation: colorize-100 6s linear 1s infinite alternate; }
    /* line 137, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
    body.party .vg-highlightblossom:nth-of-type(100n):hover {
      cursor: pointer; }
  /* line 142, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-topbranch, body.party .vg-topleftbranch {
    animation: colorize-100 6s linear 1s infinite alternate; }
@keyframes shard-0 {
  10% {
    fill: #a09abc;
    stroke: #714b4f; }
  20% {
    fill: #bc9d9a;
    stroke: #4b5671; }
  30% {
    fill: #9abcad;
    stroke: #664b71; }
  40% {
    fill: #b3bc9a;
    stroke: #71694b; }
  50% {
    fill: #a29abc;
    stroke: #71594b; }
  60% {
    fill: #9ab0bc;
    stroke: #4b6671; }
  70% {
    fill: #9abc9e;
    stroke: #714b67; }
  80% {
    fill: #9aa0bc;
    stroke: #714b6a; }
  90% {
    fill: #bc9ab0;
    stroke: #4b6671; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(0n) {
    animation: shard-0 4s ease infinite alternate; }
@keyframes shard-1 {
  10% {
    fill: #bc9aa7;
    stroke: #5d4b71; }
  20% {
    fill: #b9bc9a;
    stroke: #716d4b; }
  30% {
    fill: #9aafbc;
    stroke: #4b7171; }
  40% {
    fill: #b59abc;
    stroke: #53714b; }
  50% {
    fill: #9c9abc;
    stroke: #714b59; }
  60% {
    fill: #9ebc9a;
    stroke: #71574b; }
  70% {
    fill: #bc9aa1;
    stroke: #71564b; }
  80% {
    fill: #bcbc9a;
    stroke: #6d4b71; }
  90% {
    fill: #9aa5bc;
    stroke: #624b71; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(1n) {
    animation: shard-1 4s ease infinite alternate; }
@keyframes shard-2 {
  10% {
    fill: #9aaabc;
    stroke: #6e714b; }
  20% {
    fill: #9cbc9a;
    stroke: #714b4f; }
  30% {
    fill: #b0bc9a;
    stroke: #4b716c; }
  40% {
    fill: #adbc9a;
    stroke: #4b6571; }
  50% {
    fill: #bc9aa9;
    stroke: #4b5a71; }
  60% {
    fill: #b59abc;
    stroke: #514b71; }
  70% {
    fill: #bcaf9a;
    stroke: #714b6c; }
  80% {
    fill: #9abca4;
    stroke: #504b71; }
  90% {
    fill: #bcbb9a;
    stroke: #4b5771; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(2n) {
    animation: shard-2 4s ease infinite alternate; }
@keyframes shard-3 {
  10% {
    fill: #a19abc;
    stroke: #674b71; }
  20% {
    fill: #a59abc;
    stroke: #4b7160; }
  30% {
    fill: #a49abc;
    stroke: #4b5471; }
  40% {
    fill: #bc9aab;
    stroke: #69714b; }
  50% {
    fill: #b79abc;
    stroke: #4c4b71; }
  60% {
    fill: #bc9ab7;
    stroke: #5b714b; }
  70% {
    fill: #bca49a;
    stroke: #4b7157; }
  80% {
    fill: #9fbc9a;
    stroke: #4b5271; }
  90% {
    fill: #bca99a;
    stroke: #715a4b; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(3n) {
    animation: shard-3 4s ease infinite alternate; }
@keyframes shard-4 {
  10% {
    fill: #bcb49a;
    stroke: #51714b; }
  20% {
    fill: #9abcb2;
    stroke: #4b6071; }
  30% {
    fill: #bc9aad;
    stroke: #714b63; }
  40% {
    fill: #9ab5bc;
    stroke: #714e4b; }
  50% {
    fill: #bc9a9b;
    stroke: #6a714b; }
  60% {
    fill: #9ab4bc;
    stroke: #714d4b; }
  70% {
    fill: #9aa3bc;
    stroke: #544b71; }
  80% {
    fill: #bcbc9a;
    stroke: #716a4b; }
  90% {
    fill: #bc9d9a;
    stroke: #4b6571; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(4n) {
    animation: shard-4 4s ease infinite alternate; }
@keyframes shard-5 {
  10% {
    fill: #bc9ab6;
    stroke: #714b5f; }
  20% {
    fill: #b5bc9a;
    stroke: #6e4b71; }
  30% {
    fill: #bcae9a;
    stroke: #71674b; }
  40% {
    fill: #9abbbc;
    stroke: #714b63; }
  50% {
    fill: #9ab8bc;
    stroke: #715c4b; }
  60% {
    fill: #bcb69a;
    stroke: #4b7161; }
  70% {
    fill: #ad9abc;
    stroke: #4b7171; }
  80% {
    fill: #a0bc9a;
    stroke: #634b71; }
  90% {
    fill: #9abcbb;
    stroke: #4b7162; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(5n) {
    animation: shard-5 4s ease infinite alternate; }
@keyframes shard-6 {
  10% {
    fill: #9aa9bc;
    stroke: #6a4b71; }
  20% {
    fill: #9abca7;
    stroke: #6a4b71; }
  30% {
    fill: #b49abc;
    stroke: #67714b; }
  40% {
    fill: #aa9abc;
    stroke: #4b714b; }
  50% {
    fill: #9ababc;
    stroke: #4e714b; }
  60% {
    fill: #bcae9a;
    stroke: #4b716a; }
  70% {
    fill: #aebc9a;
    stroke: #714b54; }
  80% {
    fill: #9abcb8;
    stroke: #71664b; }
  90% {
    fill: #9abcb8;
    stroke: #51714b; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(6n) {
    animation: shard-6 4s ease infinite alternate; }
@keyframes shard-7 {
  10% {
    fill: #bc9aaf;
    stroke: #4b7161; }
  20% {
    fill: #9aa5bc;
    stroke: #4b4d71; }
  30% {
    fill: #bcba9a;
    stroke: #714b6a; }
  40% {
    fill: #b7bc9a;
    stroke: #714b55; }
  50% {
    fill: #bc9ab3;
    stroke: #71714b; }
  60% {
    fill: #9ab9bc;
    stroke: #716b4b; }
  70% {
    fill: #9abc9c;
    stroke: #6d4b71; }
  80% {
    fill: #bc9a9e;
    stroke: #4b7160; }
  90% {
    fill: #9abcbb;
    stroke: #4b5b71; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(7n) {
    animation: shard-7 4s ease infinite alternate; }
@keyframes shard-8 {
  10% {
    fill: #9aa0bc;
    stroke: #554b71; }
  20% {
    fill: #b39abc;
    stroke: #716f4b; }
  30% {
    fill: #bc9f9a;
    stroke: #60714b; }
  40% {
    fill: #bc9ab6;
    stroke: #4b4f71; }
  50% {
    fill: #9ab4bc;
    stroke: #514b71; }
  60% {
    fill: #bcb79a;
    stroke: #624b71; }
  70% {
    fill: #9aa2bc;
    stroke: #4b6f71; }
  80% {
    fill: #9aa6bc;
    stroke: #4b6871; }
  90% {
    fill: #bcaf9a;
    stroke: #4b716d; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(8n) {
    animation: shard-8 4s ease infinite alternate; }
@keyframes shard-9 {
  10% {
    fill: #ad9abc;
    stroke: #4b4e71; }
  20% {
    fill: #9abc9d;
    stroke: #4b715b; }
  30% {
    fill: #b0bc9a;
    stroke: #4b716e; }
  40% {
    fill: #b89abc;
    stroke: #544b71; }
  50% {
    fill: #a09abc;
    stroke: #71574b; }
  60% {
    fill: #bcb39a;
    stroke: #71674b; }
  70% {
    fill: #a1bc9a;
    stroke: #4b715f; }
  80% {
    fill: #bc9ab2;
    stroke: #704b71; }
  90% {
    fill: #9ab7bc;
    stroke: #4b6a71; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(9n) {
    animation: shard-9 4s ease infinite alternate; }
@keyframes shard-10 {
  10% {
    fill: #bc9a9d;
    stroke: #4b7151; }
  20% {
    fill: #9abca9;
    stroke: #5b4b71; }
  30% {
    fill: #abbc9a;
    stroke: #4b5171; }
  40% {
    fill: #bc9aab;
    stroke: #4b5071; }
  50% {
    fill: #9abca0;
    stroke: #684b71; }
  60% {
    fill: #9ab0bc;
    stroke: #714b51; }
  70% {
    fill: #9aabbc;
    stroke: #6c714b; }
  80% {
    fill: #bca49a;
    stroke: #6a4b71; }
  90% {
    fill: #b99abc;
    stroke: #4b7152; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(10n) {
    animation: shard-10 4s ease infinite alternate; }
@keyframes shard-11 {
  10% {
    fill: #9ab0bc;
    stroke: #4b4d71; }
  20% {
    fill: #a99abc;
    stroke: #5e714b; }
  30% {
    fill: #a69abc;
    stroke: #4b6d71; }
  40% {
    fill: #b79abc;
    stroke: #4b6771; }
  50% {
    fill: #9ab0bc;
    stroke: #71674b; }
  60% {
    fill: #9bbc9a;
    stroke: #715c4b; }
  70% {
    fill: #9ab3bc;
    stroke: #4b5271; }
  80% {
    fill: #bca39a;
    stroke: #714b60; }
  90% {
    fill: #a7bc9a;
    stroke: #6c714b; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(11n) {
    animation: shard-11 4s ease infinite alternate; }
@keyframes shard-12 {
  10% {
    fill: #9abcb0;
    stroke: #6c714b; }
  20% {
    fill: #bcaf9a;
    stroke: #514b71; }
  30% {
    fill: #b69abc;
    stroke: #4b7171; }
  40% {
    fill: #9bbc9a;
    stroke: #714b4b; }
  50% {
    fill: #bc9ab7;
    stroke: #71524b; }
  60% {
    fill: #a5bc9a;
    stroke: #4b5c71; }
  70% {
    fill: #bc9aaf;
    stroke: #624b71; }
  80% {
    fill: #9aabbc;
    stroke: #714b6f; }
  90% {
    fill: #9abcb9;
    stroke: #4b714d; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(12n) {
    animation: shard-12 4s ease infinite alternate; }
@keyframes shard-13 {
  10% {
    fill: #9aacbc;
    stroke: #4b6071; }
  20% {
    fill: #bcb39a;
    stroke: #714b4f; }
  30% {
    fill: #9e9abc;
    stroke: #614b71; }
  40% {
    fill: #abbc9a;
    stroke: #714b61; }
  50% {
    fill: #a49abc;
    stroke: #5b714b; }
  60% {
    fill: #aa9abc;
    stroke: #714b6f; }
  70% {
    fill: #9abcb4;
    stroke: #714c4b; }
  80% {
    fill: #b2bc9a;
    stroke: #4b7152; }
  90% {
    fill: #9aa2bc;
    stroke: #5c4b71; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(13n) {
    animation: shard-13 4s ease infinite alternate; }
@keyframes shard-14 {
  10% {
    fill: #a1bc9a;
    stroke: #4b7168; }
  20% {
    fill: #bc9abb;
    stroke: #5b4b71; }
  30% {
    fill: #a79abc;
    stroke: #4b7169; }
  40% {
    fill: #bc9c9a;
    stroke: #4b6471; }
  50% {
    fill: #b99abc;
    stroke: #4b7167; }
  60% {
    fill: #bc9aaa;
    stroke: #714b61; }
  70% {
    fill: #b6bc9a;
    stroke: #4b5471; }
  80% {
    fill: #bcb69a;
    stroke: #6f714b; }
  90% {
    fill: #a9bc9a;
    stroke: #714b60; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(14n) {
    animation: shard-14 4s ease infinite alternate; }
@keyframes shard-15 {
  10% {
    fill: #b29abc;
    stroke: #5c4b71; }
  20% {
    fill: #bc9d9a;
    stroke: #5b4b71; }
  30% {
    fill: #9abbbc;
    stroke: #71524b; }
  40% {
    fill: #b09abc;
    stroke: #4b6871; }
  50% {
    fill: #bcaf9a;
    stroke: #4b7171; }
  60% {
    fill: #9aabbc;
    stroke: #714b5f; }
  70% {
    fill: #bcad9a;
    stroke: #4b7157; }
  80% {
    fill: #bb9abc;
    stroke: #4b7171; }
  90% {
    fill: #bc9aa1;
    stroke: #71694b; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(15n) {
    animation: shard-15 4s ease infinite alternate; }
@keyframes shard-16 {
  10% {
    fill: #9abca1;
    stroke: #714b69; }
  20% {
    fill: #bca79a;
    stroke: #4b7151; }
  30% {
    fill: #a69abc;
    stroke: #714b6a; }
  40% {
    fill: #ba9abc;
    stroke: #714b57; }
  50% {
    fill: #9a9cbc;
    stroke: #714c4b; }
  60% {
    fill: #bcb59a;
    stroke: #6a4b71; }
  70% {
    fill: #9aafbc;
    stroke: #714b5b; }
  80% {
    fill: #bcbb9a;
    stroke: #63714b; }
  90% {
    fill: #b7bc9a;
    stroke: #4b4f71; } }
  /* line 171, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .vg-shadowblossom:nth-of-type(16n) {
    animation: shard-16 4s ease infinite alternate; }
  /* line 179, /Users/207829/Projects/color-theory/source/stylesheets/_animations.scss */
  body.party .welcome {
    -webkit-animation-name: welcome;
    -webkit-animation-duration: .9s; }
@-webkit-keyframes welcome {
  from {
    -webkit-transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0);
    opacity: 0; }
  92.5% {
    -webkit-transform: scale(1.04);
    -webkit-animation-timing-function: ease-out;
    opacity: 1; }
  to {
    -webkit-transform: scale(1); } }
@-webkit-keyframes hover {
  from {
    -webkit-transform: scale(1); }
  15% {
    -webkit-transform: scale(0.97); }
  72.5% {
    -webkit-transform: scale(1.04);
    -webkit-animation-timing-function: ease-out; }
  to {
    -webkit-transform: scale(1); } }
/* line 1, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
.hero {
  background: #fdfcfc;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 30px solid #1a3d3d; }

/* line 10, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
.box-container, section {
  padding: 9px;
  background: #fdfcfc;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3); }

/* line 16, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
.text-list-item-box {
  list-style: none;
  max-width: 300px;
  padding-left: 0px; }
  /* line 21, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
  .text-list-item-box li {
    margin-bottom: 13px; }
    /* line 23, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
    .text-list-item-box li a {
      display: block;
      padding: 9px;
      transition: all ease-in .25s;
      text-align: left;
      margin: 3px;
      background: #b4dfdf;
      text-decoration: none;
      color: #361717;
      box-shadow: 0px 1px 2px 0 #ddd; }
      /* line 34, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
      .text-list-item-box li a:hover, .text-list-item-box li a:active, .text-list-item-box li a:focus {
        background: #b4dfdf;
        padding-left: 13px;
        box-shadow: 0px 1px 2px 0 #aaa; }

/* line 43, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
.cta-button {
  display: block;
  max-width: 220px;
  margin: auto;
  margin-top: 60px;
  background: #d62929;
  border-radius: 3px;
  padding: 9px;
  color: white;
  margin-bottom: 5px;
  text-decoration: none;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: all ease-in .25s; }
  /* line 57, /Users/207829/Projects/color-theory/source/stylesheets/_components.scss */
  .cta-button:hover, .cta-button:active, .cta-button:focus {
    background: #c12525;
    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.4); }

/* line 3, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
* {
  box-model: border-box; }

/* line 7, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
body {
  background-color: #5a8c8c;
  text-align: center;
  font-family: 'Roboto Slab', sans-serif; }

/* line 13, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
h1 {
  color: #1a3d3d;
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0; }

/* line 20, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
p {
  font-weight: 300;
  line-height: 1.6; }

/* line 25, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
header {
  background: #c2e5e5;
  background-color: #391d1d;
  background-image: -webkit-linear-gradient(-450deg, #391d1d, #4cb3b3);
  background-image: linear-gradient(180deg,#391d1d, #4cb3b3);
  min-height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  box-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  -webkit-box-lines: no-wrap;
  -moz-box-lines: no-wrap;
  box-lines: no-wrap;
  -webkit-flex-wrap: no-wrap;
  -moz-flex-wrap: no-wrap;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  /* line 35, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  header .container {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 2.3em; }
    @media screen and (min-width: 900px) {
      /* line 35, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
      header .container {
        margin-top: 50px;
        padding: 3em 5em; } }
  /* line 44, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  header h1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    color: white;
    text-shadow: 0 1px 0 #391d1d;
    font-weight: 400;
    margin-bottom: 50px;
    position: relative;
    animation: welcome 1s;
    font-size: 3.2em; }
    @media screen and (max-width: 900px) {
      /* line 44, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
      header h1 {
        font-size: 2.1em; } }
  /* line 59, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  header h2 {
    color: white;
    font-weight: 300; }
  /* line 64, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  header h3 {
    color: white;
    text-shadow: none;
    font-weight: 100;
    margin-top: 0;
    -webkit-animation: welcome 1s;
    -moz-animation: welcome 1s;
    animation: welcome 1s; }
    /* line 70, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    header h3 a {
      text-decoration: none;
      color: white; }
      /* line 74, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
      header h3 a:hover, header h3 a:active, header h3 a:focus {
        animation: hover .8s; }

/* line 81, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.profile-picture {
  border-radius: 100%;
  float: left;
  shape-outside: circle();
  width: 111px;
  margin-top: 10px;
  border: 2px solid #c2e5e5;
  margin: 7px;
  padding: 4px; }

/* line 92, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
section {
  margin-bottom: 45px;
  display: block;
  padding: 0px;
  padding-bottom: 20px;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 91.4702%;
  margin-left: 4.2649%;
  padding: 0.5; }
  /* line 99, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  section > p {
    padding: 20px; }
  /* line 103, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  section pre {
    text-align: left;
    padding: 5px 20px; }
  /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
  section:last-child {
    margin-right: 0; }
  @media screen and (min-width: 900px) {
    /* line 92, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    section {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      margin-left: 12.79471%;
      padding: 1.5; }
      /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
      section:last-child {
        margin-right: 0; } }
  /* line 117, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  section h2 {
    margin-top: 0px;
    background: #c2e5e5;
    color: #361717;
    background-color: #c2e5e5;
    background-image: -webkit-linear-gradient(#c2e5e5, #dbf0f0);
    background-image: linear-gradient(#c2e5e5, #dbf0f0);
    padding: 7px 20px;
    font-weight: 400;
    position: relative;
    text-align: left; }
    /* line 127, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    section h2 span {
      border-radius: 3px;
      font-size: .65em;
      padding: 5px;
      float: right; }
      /* line 20, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/bourbon-4.2.6/app/assets/stylesheets/addons/_clearfix.scss */
      section h2 span::after {
        clear: both;
        content: "";
        display: table; }
  /* line 136, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  section .example {
    padding: 30px 15px; }
    @media screen and (min-width: 900px) {
      /* line 136, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
      section .example {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0; }
        /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
        section .example:last-child {
          margin-right: 0; } }
    /* line 20, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/bourbon-4.2.6/app/assets/stylesheets/addons/_clearfix.scss */
    section .example::after {
      clear: both;
      content: "";
      display: table; }
    /* line 144, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    section .example p {
      text-align: left; }
  /* line 149, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  section .explanation {
    padding: 30px 15px;
    border-bottom: 7px solid #c2e5e5;
    text-align: left; }
    /* line 153, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    section .explanation p {
      color: #1a3d3d; }
    @media screen and (min-width: 900px) {
      /* line 149, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
      section .explanation {
        border-bottom: none;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
        section .explanation:last-child {
          margin-right: 0; } }

/* line 163, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.test {
  height: 100px;
  width: 100px;
  border-radius: 7% 2%;
  display: inline-block; }

/* line 170, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.container {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/bourbon-4.2.6/app/assets/stylesheets/addons/_clearfix.scss */
  .container::after {
    clear: both;
    content: "";
    display: table; }

/* line 174, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.half {
  padding: 30px; }
  @media screen and (min-width: 900px) {
    /* line 174, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .half {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
      .half:last-child {
        margin-right: 0; } }

@-webkit-keyframes welcome {
  0% {
    -webkit-transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0);
    opacity: 0; }
  83% {
    -webkit-transform: scale(1.03);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes welcome {
  0% {
    -moz-transform: scale(0);
    opacity: 0; }
  50% {
    -moz-transform: scale(0);
    opacity: 0; }
  83% {
    -moz-transform: scale(1.03);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  100% {
    -moz-transform: scale(1); } }
@keyframes welcome {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  50% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  83% {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-4px); } }
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0px); }
  100% {
    -moz-transform: translateY(-4px); } }
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px); } }
/* line 212, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.color-swatch-menu {
  position: fixed;
  top: 0; }

/* line 217, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
.color-swatches {
  display: block;
  margin: auto; }
  /* line 220, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
  .color-swatches .swatch {
    display: inline-block;
    flex: 0 1 20px;
    margin: 10px;
    line-height: 1.5;
    font-size: 25px;
    color: white;
    text-shadow: none;
    background: #d62929;
    box-shadow: 0px 0px 0px 3px #fcf8f8;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    -webkit-animation: welcome 1s 0.5s;
    -moz-animation: welcome 1s 0.5s;
    animation: welcome 1s 0.5s;
    cursor: pointer;
    outline: none;
    border: none;
    transition: all .4s ease; }
    /* line 239, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch:active, .color-swatches .swatch:focus, .color-swatches .swatch:hover {
      outline: none;
      box-shadow: 0px 0px 0px 5px #fcf8f8; }
    /* line 244, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="red"] {
      background-color: red; }
    /* line 247, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="orange"] {
      background-color: #ff7700; }
    /* line 250, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="yellow"] {
      background-color: #ffd500; }
    /* line 253, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="green"] {
      background-color: #2bff00; }
    /* line 256, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="cyan"] {
      background-color: #00d5ff; }
    /* line 259, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="blue"] {
      background-color: #0055ff; }
    /* line 262, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="violet"] {
      background-color: #ff00aa; }
    /* line 265, /Users/207829/Projects/color-theory/source/stylesheets/_base-layout.scss */
    .color-swatches .swatch[data-color="grayscale"] {
      background-color: gray;
      -webkit-animation: bounce 0.4s ease infinite alternate;
      -moz-animation: bounce 0.4s ease infinite alternate;
      animation: bounce 0.4s ease infinite alternate;
      box-shadow: 0px 0px 0px 6px #21dede; }

/* line 3, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.first {
  background: red; }

/* line 7, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.second {
  background: cyan; }

/* line 13, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary {
  background: #d62929; }

/* line 17, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary {
  background: #21dede; }

/* line 23, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary-neutral-light {
  background: #c2e5e5; }

/* line 27, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary-neutral {
  background: #4cb3b3; }

/* line 31, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary-neutral-dark {
  background: #1a3d3d; }

/* line 38, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-neutral-light {
  background: #e2c6c6; }

/* line 42, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-neutral {
  background: #a95656; }

/* line 46, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-neutral-dark {
  background: #391d1d; }

/* line 52, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-light {
  background: #db7070; }

/* line 56, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-dark {
  background: #8f2424; }

/* line 62, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary-analogous {
  background: #21de8b; }

/* line 66, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.analogous {
  background: #21de60; }

/* line 72, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.primary-gray {
  background: #57a8a8; }

/* line 76, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.complementary-gray {
  background: #649b9b; }

/* line 80, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.neutral-gray {
  background: gray; }

/* line 84, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.white {
  background: #fcf8f8;
  border: 1px solid gray; }

/* line 89, /Users/207829/Projects/color-theory/source/stylesheets/_color-blocks.scss */
.black {
  background: #2b2b2b; }

/* line 5, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
.muted {
  color: #d4d4d4; }
  /* line 8, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
  .muted a {
    color: #ffb6ae;
    text-decoration: none; }

/* line 14, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
.visible {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  padding: 20px; }

/* line 22, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
.kitty-switch {
  width: auto;
  display: block;
  position: relative;
  margin: 30px 0px 20px 0px;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
  .kitty-switch:last-child {
    margin-right: 0; }
  /* line 29, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
  .kitty-switch .prompt {
    display: inline-block;
    margin-top: 10px; }
  /* line 34, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
  .kitty-switch .well {
    background: #fcf8f8;
    height: 20px;
    width: 50px;
    position: absolute;
    right: 65px;
    top: 7px;
    border-radius: 10px;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #c2e5e5;
    cursor: pointer; }
  /* line 47, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
  .kitty-switch #toggle {
    opacity: 0;
    border: none;
    border-radius: 0;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 29px;
    width: 140px;
    background: transparent;
    position: absolute;
    right: 0px;
    top: 3px;
    cursor: pointer;
    z-index: 100;
    color: tranparent; }
    /* line 65, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle:after {
      content: '';
      background-color: transparent;
      height: 40px;
      width: 80px;
      position: absolute;
      left: 30px;
      top: -5px; }
    /* line 75, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle ~ div.kitty:before {
      content: "\01F3A8";
      position: absolute;
      right: 93px;
      top: -6px;
      font-size: 33px;
      z-index: 1;
      color: #1a3d3d;
      -moz-transition: all 0.35s ease-out;
      -webkit-transition: all 0.35s ease-out;
      -o-transition: all 0.35s ease-out;
      transition: all 0.35s ease-out; }
    /* line 90, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle:checked {
      right: 0px; }
      /* line 93, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
      .kitty-switch #toggle:checked:after {
        left: -80px; }
      /* line 97, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
      .kitty-switch #toggle:checked ~ div.kitty:before {
        content: '\01F63A';
        top: -6px;
        right: 55px; }
      /* line 103, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
      .kitty-switch #toggle:checked ~ div.visible {
        opacity: 1;
        max-height: 900px;
        overflow: visible; }
    /* line 111, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle ~ label:before {
      content: "ok";
      position: absolute;
      color: #21dede;
      left: -50px;
      top: 0px;
      font-size: 16px; }
    /* line 120, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle ~ label:after {
      content: "why?";
      position: absolute;
      color: #d4d4d4;
      left: 65px;
      top: 0px;
      font-size: 16px; }
    /* line 131, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle:checked ~ label:before {
      color: #d4d4d4; }
    /* line 134, /Users/207829/Projects/color-theory/source/stylesheets/_kitty-toggle.scss */
    .kitty-switch #toggle:checked ~ label:after {
      color: #d62929; }

/* line 1, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
.mini-layout {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  max-width: 425px; }
  /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
  .mini-layout:last-child {
    margin-right: 0; }
  /* line 4, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
  .mini-layout .mini-nav {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    height: 25px;
    position: relative; }
    /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
    .mini-layout .mini-nav:last-child {
      margin-right: 0; }
    /* line 8, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-nav:after {
      content: '';
      height: 10px;
      width: 10px;
      position: absolute;
      border-radius: 50%;
      right: 7px;
      top: 7px; }
  /* line 18, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
  .mini-layout .mini-header {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    height: 60px; }
    /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
    .mini-layout .mini-header:last-child {
      margin-right: 0; }
    /* line 21, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-header h1 {
      font-weight: light;
      margin-bottom: 0px;
      padding-top: 7px;
      text-shadow: none; }
  /* line 29, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
  .mini-layout .mini-aside {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
    /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
    .mini-layout .mini-aside:last-child {
      margin-right: 0; }
    /* line 31, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-aside ul {
      list-style: none;
      padding: 0px; }
      /* line 34, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
      .mini-layout .mini-aside ul li {
        margin-bottom: 3px;
        height: 10px; }
  /* line 40, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
  .mini-layout .mini-main {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    margin-right: 0; }
    /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
    .mini-layout .mini-main:last-child {
      margin-right: 0; }
    /* line 44, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-main p:first-of-type {
      font-size: 6px;
      margin-bottom: 0px; }
    /* line 48, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-main p {
      font-size: 4px;
      float: left;
      display: block;
      margin-right: 3.16844%;
      width: 100%;
      padding-left: 30px;
      padding-right: 30px;
      text-align: left;
      padding-top: 10px;
      margin-bottom: 10px; }
      /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
      .mini-layout .mini-main p:last-child {
        margin-right: 0; }
    /* line 57, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-main .cta {
      text-align: right;
      height: 7px;
      border-radius: 1px;
      display: inline-block;
      color: transparent; }
  /* line 66, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
  .mini-layout .mini-footer {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    height: 30px;
    font-size: 4px; }
    /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
    .mini-layout .mini-footer:last-child {
      margin-right: 0; }
    /* line 70, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout.scss */
    .mini-layout .mini-footer p {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      padding-top: 15px; }
      /* line 89, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_span-columns.scss */
      .mini-layout .mini-footer p:last-child {
        margin-right: 0; }
      /* line 78, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_omega.scss */
      .mini-layout .mini-footer p:nth-child(3n) {
        margin-right: 0; }
      /* line 83, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/neat-1.7.2/app/assets/stylesheets/grid/_omega.scss */
      .mini-layout .mini-footer p:nth-child(3n+1) {
        clear: left; }

/* line 2, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.first-only .mini-layout {
  background: red; }
  /* line 3, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-nav {
    background: red; }
    /* line 5, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.first-only .mini-layout .mini-nav:after {
      background: red; }
  /* line 9, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-header {
    background: red;
    color: red; }
    /* line 13, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.first-only .mini-layout .mini-header h1 {
      color: red; }
  /* line 20, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-aside ul li {
    background: red; }
  /* line 27, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-main p {
    color: red; }
  /* line 30, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-main .cta {
    background: red; }
  /* line 35, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.first-only .mini-layout .mini-footer {
    background: red;
    color: red; }

/* line 43, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.second-added .mini-layout {
  background: red; }
  /* line 44, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-nav {
    background: cyan; }
    /* line 46, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.second-added .mini-layout .mini-nav:after {
      background: red; }
  /* line 50, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-header {
    background: cyan;
    color: red; }
    /* line 54, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.second-added .mini-layout .mini-header h1 {
      color: red; }
  /* line 61, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-aside ul li {
    background: cyan; }
  /* line 68, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-main p {
    color: cyan; }
  /* line 71, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-main .cta {
    background: red; }
  /* line 76, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.second-added .mini-layout .mini-footer {
    background: cyan;
    color: red; }

/* line 84, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.primary-complementary .mini-layout {
  background: #d62929; }
  /* line 85, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-nav {
    background: #21dede; }
    /* line 87, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.primary-complementary .mini-layout .mini-nav:after {
      background: #d62929; }
  /* line 91, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-header {
    background: #21dede;
    color: #d62929; }
    /* line 95, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.primary-complementary .mini-layout .mini-header h1 {
      color: #d62929; }
  /* line 102, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-aside ul li {
    background: #21dede; }
  /* line 109, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-main p {
    color: #21dede; }
  /* line 112, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-main .cta {
    background: #d62929; }
  /* line 117, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.primary-complementary .mini-layout .mini-footer {
    background: #21dede;
    color: #d62929; }

/* line 125, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.complementary-neutrals-added .mini-layout {
  background: #d62929; }
  /* line 126, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 128, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.complementary-neutrals-added .mini-layout .mini-nav:after {
      background: #d62929; }
  /* line 132, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
    /* line 136, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.complementary-neutrals-added .mini-layout .mini-header h1 {
      color: #1a3d3d; }
  /* line 143, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 150, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 153, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-main .cta {
    background: #d62929; }
  /* line 158, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.complementary-neutrals-added .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #d62929; }

/* line 166, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.neutrals-added .example1 .mini-layout {
  background: #d62929; }
  /* line 167, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 169, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.neutrals-added .example1 .mini-layout .mini-nav:after {
      background: #d62929; }
  /* line 173, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
    /* line 177, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.neutrals-added .example1 .mini-layout .mini-header h1 {
      color: #1a3d3d; }
  /* line 184, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 191, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 194, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-main .cta {
    background: #d62929; }
  /* line 199, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example1 .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #d62929; }

/* line 207, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.neutrals-added .example2 .mini-layout {
  background: #e2c6c6; }
  /* line 208, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 210, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.neutrals-added .example2 .mini-layout .mini-nav:after {
      background: #a95656; }
  /* line 214, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
    /* line 218, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.neutrals-added .example2 .mini-layout .mini-header h1 {
      color: #1a3d3d; }
  /* line 225, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 232, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 235, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-main .cta {
    background: #a95656; }
  /* line 240, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.neutrals-added .example2 .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #e2c6c6; }

/* line 248, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.black-and-white-added .mini-layout {
  background: #fcf8f8; }
  /* line 249, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 251, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.black-and-white-added .mini-layout .mini-nav:after {
      background: #a95656; }
  /* line 255, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
    /* line 259, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.black-and-white-added .mini-layout .mini-header h1 {
      color: #1a3d3d; }
  /* line 266, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 273, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 276, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-main .cta {
    background: #a95656; }
  /* line 281, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.black-and-white-added .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #e2c6c6; }

/* line 290, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.final-colors .mini-layout {
  background: #fcf8f8; }
  /* line 291, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 293, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.final-colors .mini-layout .mini-nav:after {
      background: #db7070; }
  /* line 297, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
  /* line 304, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 311, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 314, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-main .cta {
    background: #d62929;
    transition: all ease-in .25s; }
    /* line 317, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.final-colors .mini-layout .mini-main .cta:hover {
      background: #8f2424; }
  /* line 323, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-colors .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #fcf8f8; }

/* line 332, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
section.final-example .mini-layout {
  background: #fcf8f8;
  float: none;
  display: block;
  margin: 30px auto; }
  /* line 20, /Users/207829/Projects/color-theory/vendor/ruby/2.0.0/gems/bourbon-4.2.6/app/assets/stylesheets/addons/_clearfix.scss */
  section.final-example .mini-layout::after {
    clear: both;
    content: "";
    display: table; }
  /* line 338, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-nav {
    background: #1a3d3d; }
    /* line 340, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.final-example .mini-layout .mini-nav:after {
      background: #db7070; }
  /* line 344, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-header {
    background: #c2e5e5;
    color: #1a3d3d; }
  /* line 351, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-aside ul li {
    background: #c2e5e5; }
  /* line 358, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-main p {
    color: #1a3d3d; }
  /* line 361, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-main .cta {
    background: #d62929;
    transition: all ease-in .25s; }
    /* line 364, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
    section.final-example .mini-layout .mini-main .cta:hover {
      background: #8f2424; }
  /* line 370, /Users/207829/Projects/color-theory/source/stylesheets/_mini-layout-colors.scss */
  section.final-example .mini-layout .mini-footer {
    background: #1a3d3d;
    color: #fcf8f8; }

/* line 2, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.st1 {
  fill: #2b2b2b; }

/* line 8, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.first {
  fill: red; }

/* line 12, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.second {
  fill: cyan; }

/* line 18, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.primary-color {
  fill: #d62929; }

/* line 22, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.primary-neutral {
  fill: #a95656; }

/* line 26, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.primary-neutral-dark {
  fill: #391d1d; }

/* line 30, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.primary-neutral-light {
  fill: #e2c6c6; }

/* line 34, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.primary-light {
  fill: #db7070; }

/* line 40, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.white {
  fill: white;
  stroke: #aaa; }

/* line 45, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.black {
  fill: black; }

/* line 51, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-color {
  fill: #21dede; }

/* line 55, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-color {
  fill: #21dede; }

/* line 59, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-neutral {
  fill: #4cb3b3; }

/* line 63, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-neutral-dark {
  fill: #1a3d3d; }

/* line 67, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-neutral-light {
  fill: #c2e5e5; }

/* line 71, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.complementary-light {
  fill: #69e1e1; }

/* line 110, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.desaturated-primary-neutral {
  background: #b54a4a; }

/* line 114, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.desaturated-complementary-neutral {
  background: #3ec1c1; }

/* line 118, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
.partymode {
  outline: none;
  background: transparent;
  border: none; }
  /* line 124, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
  .partymode:hover:after, .partymode:active:after, .partymode:focus:after {
    filter: saturate(2.9);
    filter: drop-shadow(0px 0px 1px #a95656); }
  /* line 129, /Users/207829/Projects/color-theory/source/stylesheets/_color-swatches.scss */
  .partymode:after {
    content: "\01F389 \01F37E \01F382 ";
    font-size: 40px;
    transition: all .3s ease; }

/* line 1, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
.vg-section {
  margin-bottom: 0; }

/* line 5, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
.vg-background {
  fill: #71a2a2;
  fill: #5a8c8c; }

/* line 11, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-leaves .leaf {
  fill: #2c6d42;
  stroke: #1d492c; }

/* line 18, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-backbranches .vg-backbranch {
  fill: #AFAD90;
  stroke: #293F1E;
  fill: #9abc9f;
  stroke: #557a81; }

/* line 28, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-backbranch .vg-backbranch {
  fill: #ccc9bd;
  stroke: #556b81; }

/* line 37, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-shadowblossoms .vg-shadowblossom {
  fill: #ccc4bd;
  stroke: #8a8485; }
/* line 43, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-shadowblossoms .vg-shadowblossom:nth-of-type(3n) {
  fill: #cfbcba;
  stroke: #967d78; }

/* line 50, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-buds .vg-buds {
  fill: #ab6868;
  fill: #bf8c8c;
  stroke: #8a8485; }

/* line 59, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-highlightblossoms .vg-highlightblossom {
  fill: #f1e4e4;
  stroke: #e2c6c6; }
/* line 64, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-highlightblossoms .vg-highlightblossom:nth-of-type(2n) {
  fill: #fcf8f8;
  stroke: #e2c6c6; }
/* line 69, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-highlightblossoms .vg-highlightblossom:nth-of-type(6n) {
  fill: #e2d4c6;
  stroke: #cfbfa0; }

/* line 76, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-middlebranch .vg-middlebranch {
  fill: #8C9984;
  fill: #afcab4;
  stroke: #434C3F;
  stroke: #4d5c3d; }

/* line 87, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-forebranch .vg-forebranch {
  fill: #b8d0c3;
  stroke: #1a3d3d; }

/* line 96, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-topbranch .vg-topbranch {
  fill: #b8d0c8;
  stroke: #1C3A32;
  stroke: #1e4848; }

/* line 105, /Users/207829/Projects/color-theory/source/stylesheets/_vanGogh.scss */
#vg-topleftbranch .vg-topleftbranch {
  fill: #ABBCA4;
  fill: #e2d4c6;
  stroke: #1a3d3d; }