7 .parent > figure:after {
21 /* essential = transparent white */
22 .level0 > figure:before {
23 box-shadow: inset 0 0 2em #FFF;
26 /* ubiquitous = cyan */
27 .level1 > figure:before {
28 box-shadow: inset 0 0 1em #0FF;
30 .level1 > figure figcaption {
36 filter: hue-rotate(-70deg) sepia(.4) hue-rotate(70deg) saturate(2);
38 .level2 > figure:before {
39 box-shadow: inset 0 0 1em #6FA;
41 .level2 > figure figcaption {
47 filter: hue-rotate(-45deg) sepia(.6) hue-rotate(45deg) saturate(2);
49 .level3 > figure:before {
50 box-shadow: inset 0 0 1em #2F0;
52 .level3 > figure figcaption {
56 /* distinctive = yellow */
58 filter: hue-rotate(-15deg) sepia(.7) hue-rotate(15deg) saturate(2);
60 .level4 > figure:before {
61 box-shadow: inset 0 0 1em #FD0;
63 .level4 > figure figcaption {
67 /* specialised = orange */
69 filter: hue-rotate(10deg) sepia(.8) hue-rotate(-10deg) saturate(2);
71 .level5 > figure:before {
72 box-shadow: inset 0 0 2em #F80;
74 .level5 > figure figcaption {
80 filter: hue-rotate(40deg) sepia(.9) hue-rotate(-40deg) saturate(2);
82 .level6 > figure:before {
83 box-shadow: inset 0 0 3em #F00;
85 .level6 > figure figcaption {
89 /* invisible = grey */
91 filter: sepia(.9) hue-rotate(-60deg);
93 .level7 > figure:before {
94 box-shadow: inset 0 0 3em #804;
96 .level7 > figure figcaption {