/* colors-style.css */

.alice-blue { background-color: #F0F8FF; color: black; } .alice-blue:hover { background-color: #dbe4ef; }
.antique-white { background-color: #FAEBD7; color: black; } .antique-white:hover { background-color: #eadbce; }
.aqua { background-color: #00FFFF; color: black; } .aqua:hover { background-color: #00e5e5; }
.aquamarine-1 { background-color: #70DB93; color: black; } .aquamarine-1:hover { background-color: #5fcf82; }
.aquamarine-2 { background-color: #7FFFD4; color: black; } .aquamarine-2:hover { background-color: #6feeda; }
.azure { background-color: #F0FFFF; color: black; } .azure:hover { background-color: #dbebeb; }
.beige { background-color: #F5F5DC; color: black; } .beige:hover { background-color: #e0e0c7; }
.bisque { background-color: #FFE4C4; color: black; } .bisque:hover { background-color: #eedeaf; }
.black { background-color: #000000; color: white; } .black:hover { background-color: #1a1a1a; }
.blanched-almond { background-color: #FFEBCD; color: black; } .blanched-almond:hover { background-color: #eedccc; }
.blue { background-color: #0000FF; color: white; } .blue:hover { background-color: #0000cc; }
.blue-violet-1 { background-color: #9F5F9F; color: white; } .blue-violet-1:hover { background-color: #8c538c; }
.blue-violet-2 { background-color: #8A2BE2; color: white; } .blue-violet-2:hover { background-color: #7d26cc; }
.brass { background-color: #B5A642; color: black; } .brass:hover { background-color: #a3953d; }
.bright-gold { background-color: #D9D919; color: black; } .bright-gold:hover { background-color: #c4c416; }
.bronze-1 { background-color: #8C7853; color: white; } .bronze-1:hover { background-color: #7f6d4d; }
.bronze-2 { background-color: #A67D3D; color: white; } .bronze-2:hover { background-color: #947137; }
.brown { background-color: #A52A2A; color: white; } .brown:hover { background-color: #942525; }
.burly-wood { background-color: #DEB887; color: black; } .burly-wood:hover { background-color: #ccb07f; }
.cadet-blue-1 { background-color: #5F9EA0; color: white; } .cadet-blue-1:hover { background-color: #548d8f; }
.cadet-blue-2 { background-color: #5F9F9F; color: white; } .cadet-blue-2:hover { background-color: #548e8e; }
.chartreuse { background-color: #7FFF00; color: black; } .chartreuse:hover { background-color: #72e500; }
.chocolate { background-color: #5C3317; color: white; } .chocolate:hover { background-color: #512e14; }
.cool-copper { background-color: #D98719; color: black; } .cool-copper:hover { background-color: #c47c16; }
.copper { background-color: #B87333; color: white; } .copper:hover { background-color: #a6682f; }
.coral { background-color: #FF7F00; color: white; } .coral:hover { background-color: #e57200; }
.corn-flower-blue-1 { background-color: #42426F; color: white; } .corn-flower-blue-1:hover { background-color: #3b3b64; }
.corn-flower-blue-2 { background-color: #6495ED; color: white; } .corn-flower-blue-2:hover { background-color: #5986d6; }
.cornsilk { background-color: #FFF8DC; color: black; } .cornsilk:hover { background-color: #eee8d0; }
.crimson { background-color: #DC143C; color: white; } .crimson:hover { background-color: #c71236; }
.cyan { background-color: #00FFFF; color: black; } .cyan:hover { background-color: #00e5e5; }
.dark-blue { background-color: #00008B; color: white; } .dark-blue:hover { background-color: #00007d; }
.dark-brown { background-color: #5C4033; color: white; } .dark-brown:hover { background-color: #51392f; }
.dark-cyan { background-color: #008B8B; color: white; } .dark-cyan:hover { background-color: #007d7d; }
.dark-goldenrod { background-color: #B8860B; color: white; } .dark-goldenrod:hover { background-color: #a67c0a; }
.dark-green-1 { background-color: #2F4F2F; color: white; } .dark-green-1:hover { background-color: #2b492b; }
.dark-green-2 { background-color: #006400; color: white; } .dark-green-2:hover { background-color: #005a00; }
.dark-green-copper { background-color: #4A766E; color: white; } .dark-green-copper:hover { background-color: #436a63; }
.dark-grey { background-color: #A9A9A9; color: black; } .dark-grey:hover { background-color: #979797; }
.dark-khaki { background-color: #BDB76B; color: black; } .dark-khaki:hover { background-color: #aaa260; }
.dark-magenta { background-color: #8B008B; color: white; } .dark-magenta:hover { background-color: #7d007d; }
.dark-olive-green-1 { background-color: #4F4F2F; color: white; } .dark-olive-green-1:hover { background-color: #48482b; }
.dark-olive-green-2 { background-color: #556B2F; color: white; } .dark-olive-green-2:hover { background-color: #4d602b; }
.dark-orange { background-color: #FF8C00; color: white; } .dark-orange:hover { background-color: #e57e00; }
.dark-orchid-1 { background-color: #9932CD; color: white; } .dark-orchid-1:hover { background-color: #8a2dbc; }
.dark-orchid-2 { background-color: #9932CC; color: white; } .dark-orchid-2:hover { background-color: #8a2dbc; }
.dark-purple { background-color: #871F78; color: white; } .dark-purple:hover { background-color: #7c1c6e; }
.dark-red { background-color: #8B0000; color: white; } .dark-red:hover { background-color: #7d0000; }
.dark-salmon { background-color: #E9967A; color: black; } .dark-salmon:hover { background-color: #d1876e; }
.dark-sea-green { background-color: #8FBC8F; color: white; } .dark-sea-green:hover { background-color: #82ac82; }
.dark-slate-blue-1 { background-color: #6B238E; color: white; } .dark-slate-blue-1:hover { background-color: #60207f; }
.dark-slate-blue-2 { background-color: #483D8B; color: white; } .dark-slate-blue-2:hover { background-color: #40367d; }
.dark-slate-grey { background-color: #2F4F4F; color: white; } .dark-slate-grey:hover { background-color: #2b4848; }
.dark-tan { background-color: #97694F; color: white; } .dark-tan:hover { background-color: #895f48; }
.dark-turquoise-1 { background-color: #7093DB; color: white; } .dark-turquoise-1:hover { background-color: #6484c4; }
.dark-turquoise-2 { background-color: #00CED1; color: white; } .dark-turquoise-2:hover { background-color: #00b9bb; }
.dark-violet { background-color: #9400D3; color: white; } .dark-violet:hover { background-color: #8400be; }
.dark-wood { background-color: #855E42; color: white; } .dark-wood:hover { background-color: #78553d; }
.deep-pink { background-color: #FF1493; color: white; } .deep-pink:hover { background-color: #e51284; }
.deep-sky-blue { background-color: #00BFFF; color: white; } .deep-sky-blue:hover { background-color: #00accc; }
.dim-grey-1 { background-color: #545454; color: white; } .dim-grey-1:hover { background-color: #4d4d4d; }
.dim-grey-2 { background-color: #696969; color: white; } .dim-grey-2:hover { background-color: #5e5e5e; }
.dodger-blue { background-color: #1E90FF; color: white; } .dodger-blue:hover { background-color: #1b81e5; }
.dusty-rose { background-color: #856363; color: white; } .dusty-rose:hover { background-color: #785a5a; }
.faded-brown { background-color: #F5CCB0; color: black; } .faded-brown:hover { background-color: #dfba9e; }
.feldspar { background-color: #D19275; color: black; } .feldspar:hover { background-color: #bd8469; }
.fire-brick-1 { background-color: #8E2323; color: white; } .fire-brick-1:hover { background-color: #802020; }
.fire-brick-2 { background-color: #B22222; color: white; } .fire-brick-2:hover { background-color: #a01f1f; }
.floral-white { background-color: #FFFAF0; color: black; } .floral-white:hover { background-color: #e5e0d8; }
.forest-green-1 { background-color: #238E23; color: white; } .forest-green-1:hover { background-color: #208020; }
.forest-green-2 { background-color: #228B22; color: white; } .forest-green-2:hover { background-color: #1f7d1f; }
.fuchsia { background-color: #FF00FF; color: white; } .fuchsia:hover { background-color: #e500e5; }
.gainsboro { background-color: #DCDCDC; color: black; } .gainsboro:hover { background-color: #c7c7c7; }
.ghost-white { background-color: #F8F8FF; color: black; } .ghost-white:hover { background-color: #e0e0e5; }
.gold-1 { background-color: #CD7F32; color: black; } .gold-1:hover { background-color: #b9722e; }
.gold-2 { background-color: #FFD700; color: black; } .gold-2:hover { background-color: #e5c100; }
.goldenrod-1 { background-color: #DBDB70; color: black; } .goldenrod-1:hover { background-color: #c4c464; }
.goldenrod-2 { background-color: #DAA520; color: black; } .goldenrod-2:hover { background-color: #c4961d; }
.green-1 { background-color: #00FF00; color: black; } .green-1:hover { background-color: #00e500; }
.green-2 { background-color: #008000; color: white; } .green-2:hover { background-color: #007300; }
.green-copper { background-color: #527F76; color: white; } .green-copper:hover { background-color: #4b736b; }
.green-yellow-1 { background-color: #93DB70; color: black; } .green-yellow-1:hover { background-color: #82c464; }
.green-yellow-2 { background-color: #ADFF2F; color: black; } .green-yellow-2:hover { background-color: #9cdb2b; }
.grey-00 { background-color: #FFFFFF; color: black; } .grey-00:hover { background-color: #e5e5e5; }
.grey-01 { background-color: #F8F8F8; color: black; } .grey-01:hover { background-color: #e0e0e0; }
.grey-02 { background-color: #F0F0F0; color: black; } .grey-02:hover { background-color: #d8d8d8; }
.grey-03 { background-color: #E8E8E8; color: black; } .grey-03:hover { background-color: #d0d0d0; }
.grey-04 { background-color: #E0E0E0; color: black; } .grey-04:hover { background-color: #c8c8c8; }
.grey-05 { background-color: #D8D8D8; color: black; } .grey-05:hover { background-color: #c0c0c0; }
.grey-06 { background-color: #D0D0D0; color: black; } .grey-06:hover { background-color: #b8b8b8; }
.grey-07 { background-color: #C8C8C8; color: black; } .grey-07:hover { background-color: #b0b0b0; }
.grey-08 { background-color: #C0C0C0; color: black; } .grey-08:hover { background-color: #a8a8a8; }
.grey-09 { background-color: #B8B8B8; color: black; } .grey-09:hover { background-color: #a0a0a0; }
.grey-10 { background-color: #B0B0B0; color: black; } .grey-10:hover { background-color: #989898; }
.grey-11 { background-color: #A8A8A8; color: black; } .grey-11:hover { background-color: #909090; }
.grey-12 { background-color: #A0A0A0; color: black; } .grey-12:hover { background-color: #888888; }
.grey-13 { background-color: #989898; color: white; } .grey-13:hover { background-color: #808080; }
.grey-14 { background-color: #909090; color: white; } .grey-14:hover { background-color: #787878; }
.grey-15 { background-color: #888888; color: white; } .grey-15:hover { background-color: #707070; }
.grey-16 { background-color: #808080; color: white; } .grey-16:hover { background-color: #737373; }
.grey-17 { background-color: #787878; color: white; } .grey-17:hover { background-color: #6b6b6b; }
.grey-18 { background-color: #707070; color: white; } .grey-18:hover { background-color: #636363; }
.grey-19 { background-color: #686868; color: white; } .grey-19:hover { background-color: #5b5b5b; }
.grey-20 { background-color: #606060; color: white; } .grey-20:hover { background-color: #535353; }
.grey-21 { background-color: #585858; color: white; } .grey-21:hover { background-color: #4b4b4b; }
.grey-22 { background-color: #505050; color: white; } .grey-22:hover { background-color: #434343; }
.grey-23 { background-color: #484848; color: white; } .grey-23:hover { background-color: #3b3b3b; }
.grey-24 { background-color: #404040; color: white; } .grey-24:hover { background-color: #333333; }
.grey-25 { background-color: #383838; color: white; } .grey-25:hover { background-color: #2b2b2b; }
.grey-26 { background-color: #303030; color: white; } .grey-26:hover { background-color: #232323; }
.grey-27 { background-color: #282828; color: white; } .grey-27:hover { background-color: #1b1b1b; }
.grey-28 { background-color: #202020; color: white; } .grey-28:hover { background-color: #131313; }
.grey-29 { background-color: #181818; color: white; } .grey-29:hover { background-color: #0b0b0b; }
.grey-30 { background-color: #101010; color: white; } .grey-30:hover { background-color: #030303; }
.grey-31 { background-color: #080808; color: white; } .grey-31:hover { background-color: #000000; }
.grey-32 { background-color: #000000; color: white; } .grey-32:hover { background-color: #000000; } /* Black doesn't lighten well */
.honeydew { background-color: #F0FFF0; color: black; } .honeydew:hover { background-color: #dbe5db; }
.hot-pink { background-color: #FF69B4; color: white; } .hot-pink:hover { background-color: #e55e9f; }
.hunter-green { background-color: #215E21; color: white; } .hunter-green:hover { background-color: #1e551e; }
.indian-red-1 { background-color: #4E2F2F; color: white; } .indian-red-1:hover { background-color: #472b2b; }
.indian-red-2 { background-color: #CD5C5C; color: white; } .indian-red-2:hover { background-color: #b95353; }
.indigo { background-color: #4B0082; color: white; } .indigo:hover { background-color: #440076; }
.ivory { background-color: #FFFFF0; color: black; } .ivory:hover { background-color: #e5e5d8; }
.khaki-1 { background-color: #9F9F5F; color: black; } .khaki-1:hover { background-color: #8e8e56; }
.khaki-2 { background-color: #F0E68C; color: black; } .khaki-2:hover { background-color: #d8ce7f; }
.lavender { background-color: #E6E6FA; color: black; } .lavender:hover { background-color: #d0d0e0; }
.lavender-blush { background-color: #FFF0F5; color: black; } .lavender-blush:hover { background-color: #e5d8dc; }
.lawn-green { background-color: #7CFC00; color: black; } .lawn-green:hover { background-color: #71e300; }
.lemon-chiffon { background-color: #FFFACD; color: black; } .lemon-chiffon:hover { background-color: #e5e0b9; }
.light-blue-1 { background-color: #C0D9D9; color: black; } .light-blue-1:hover { background-color: #aebfc0; }
.light-blue-2 { background-color: #ADD8E6; color: black; } .light-blue-2:hover { background-color: #9cc4cf; }
.light-coral { background-color: #F08080; color: black; } .light-coral:hover { background-color: #d87373; }
.light-cyan { background-color: #E0FFFF; color: black; } .light-cyan:hover { background-color: #cce5e5; }
.light-goldenrod-yellow { background-color: #FAFAD2; color: black; } .light-goldenrod-yellow:hover { background-color: #e0e0bf; }
.light-green { background-color: #90EE90; color: black; } .light-green:hover { background-color: #82d682; }
.light-grey-1 { background-color: #A8A8A8; color: black; } .light-grey-1:hover { background-color: #979797; }
.light-grey-2 { background-color: #D3D3D3; color: black; } .light-grey-2:hover { background-color: #bebebe; }
.light-pink { background-color: #FFB6C1; color: black; } .light-pink:hover { background-color: #e5a4af; }
.light-salmon { background-color: #FFA07A; color: black; } .light-salmon:hover { background-color: #e58f6e; }
.light-sea-green { background-color: #20B2AA; color: white; } .light-sea-green:hover { background-color: #1d9d95; }
.light-sky-blue { background-color: #87CEFA; color: black; } .light-sky-blue:hover { background-color: #7abce0; }
.light-slate-blue { background-color: #8470FF; color: white; } .light-slate-blue:hover { background-color: #7865e5; }
.light-slate-grey { background-color: #778899; color: white; } .light-slate-grey:hover { background-color: #6b7a8a; }
.light-steel-blue-1 { background-color: #8F8FBD; color: white; } .light-steel-blue-1:hover { background-color: #8282aa; }
.light-steel-blue-2 { background-color: #B0C4DE; color: black; } .light-steel-blue-2:hover { background-color: #9eb2c6; }
.light-wood { background-color: #E9C2A6; color: black; } .light-wood:hover { background-color: #d1b097; }
.light-yellow { background-color: #FFFFE0; color: black; } .light-yellow:hover { background-color: #e5e5cc; }
.lime { background-color: #00FF00; color: black; } .lime:hover { background-color: #00e500; }
.lime-green { background-color: #32CD32; color: black; } .lime-green:hover { background-color: #2eb92e; }
.linen { background-color: #FAF0E6; color: black; } .linen:hover { background-color: #e0d8cf; }
.magenta { background-color: #FF00FF; color: white; } .magenta:hover { background-color: #e500e5; }
.mandarian-orange { background-color: #E47833; color: black; } .mandarian-orange:hover { background-color: #cc6c2f; }
.maroon { background-color: #800000; color: white; } .maroon:hover { background-color: #730000; }
.medium-aquamarine-1 { background-color: #32CD99; color: white; } .medium-aquamarine-1:hover { background-color: #2eb98b; }
.medium-aquamarine-2 { background-color: #66CDAA; color: black; } .medium-aquamarine-2:hover { background-color: #5cb99b; }
.medium-blue-1 { background-color: #3232CD; color: white; } .medium-blue-1:hover { background-color: #2e2ebd; }
.medium-blue-2 { background-color: #0000CD; color: white; } .medium-blue-2:hover { background-color: #0000b9; }
.medium-forest-green { background-color: #6B8E23; color: white; } .medium-forest-green:hover { background-color: #608020; }
.medium-goldenrod { background-color: #EAEAAE; color: black; } .medium-goldenrod:hover { background-color: #d1d19c; }
.medium-orchid-1 { background-color: #9370DB; color: white; } .medium-orchid-1:hover { background-color: #8466c4; }
.medium-orchid-2 { background-color: #BA55D3; color: white; } .medium-orchid-2:hover { background-color: #a74cb9; }
.medium-purple { background-color: #9370DB; color: white; } .medium-purple:hover { background-color: #8466c4; }
.medium-sea-green-1 { background-color: #426F42; color: white; } .medium-sea-green-1:hover { background-color: #3b643b; }
.medium-sea-green-2 { background-color: #3CB371; color: white; } .medium-sea-green-2:hover { background-color: #36a267; }
.medium-slate-blue-1 { background-color: #7F00FF; color: white; } .medium-slate-blue-1:hover { background-color: #7300e5; }
.medium-slate-blue-2 { background-color: #7B68EE; color: white; } .medium-slate-blue-2:hover { background-color: #705ece; }
.medium-spring-green-1 { background-color: #7FFF00; color: black; } .medium-spring-green-1:hover { background-color: #72e500; }
.medium-spring-green-2 { background-color: #00FA9A; color: black; } .medium-spring-green-2:hover { background-color: #00e08b; }
.medium-turquoise-1 { background-color: #70DBDB; color: black; } .medium-turquoise-1:hover { background-color: #64c4c4; }
.medium-turquoise-2 { background-color: #48D1CC; color: black; } .medium-turquoise-2:hover { background-color: #40bdba; }
.medium-violet-red-1 { background-color: #DB7093; color: white; } .medium-violet-red-1:hover { background-color: #c46484; }
.medium-violet-red-2 { background-color: #C71585; color: white; } .medium-violet-red-2:hover { background-color: #b41378; }
.medium-wood { background-color: #A68064; color: white; } .medium-wood:hover { background-color: #94735b; }
.midnight-blue-1 { background-color: #2F2F4F; color: white; } .midnight-blue-1:hover { background-color: #2b2b48; }
.midnight-blue-2 { background-color: #191970; color: white; } .midnight-blue-2:hover { background-color: #161666; }
.mint-cream { background-color: #F5FFFA; color: black; } .mint-cream:hover { background-color: #e0e5e2; }
.misty-rose { background-color: #FFE4E1; color: black; } .misty-rose:hover { background-color: #eedccc; }
.moccasin { background-color: #FFE4B5; color: black; } .moccasin:hover { background-color: #eedca4; }
.navajo-white { background-color: #FFDEAD; color: black; } .navajo-white:hover { background-color: #e5c99c; }
.navy { background-color: #000080; color: white; } .navy:hover { background-color: #000073; }
.navy-blue { background-color: #23238E; color: white; } .navy-blue:hover { background-color: #202080; }
.neon-blue { background-color: #4D4DFF; color: white; } .neon-blue:hover { background-color: #4545e5; }
.neon-pink { background-color: #FF6EC7; color: white; } .neon-pink:hover { background-color: #e564b3; }
.new-midnight-blue { background-color: #00009C; color: white; } .new-midnight-blue:hover { background-color: #00008e; }
.new-tan { background-color: #EBC79E; color: black; } .new-tan:hover { background-color: #d1b48e; }
.old-gold { background-color: #CFB53B; color: black; } .old-gold:hover { background-color: #bca436; }
.old-lace { background-color: #FDF5E6; color: black; } .old-lace:hover { background-color: #e5ddcf; }
.olive { background-color: #808000; color: white; } .olive:hover { background-color: #737300; }
.olive-drab { background-color: #6B8E23; color: white; } .olive-drab:hover { background-color: #608020; }
.orange-1 { background-color: #FF7F00; color: white; } .orange-1:hover { background-color: #e57200; }
.orange-2 { background-color: #FFA500; color: white; } .orange-2:hover { background-color: #e59400; }
.orange-red-1 { background-color: #FF2400; color: white; } .orange-red-1:hover { background-color: #e52000; }
.orange-red-2 { background-color: #FF4500; color: white; } .orange-red-2:hover { background-color: #e53e00; }
.orchid { background-color: #DB70DB; color: white; } .orchid:hover { background-color: #c464c4; }
.pale-goldenrod { background-color: #EEE8AA; color: black; } .pale-goldenrod:hover { background-color: #d6d09b; }
.pale-green-1 { background-color: #8FBC8F; color: white; } .pale-green-1:hover { background-color: #82ac82; }
.pale-green-2 { background-color: #98FB98; color: black; } .pale-green-2:hover { background-color: #8ce18c; }
.pale-turquoise { background-color: #AFEEEE; color: black; } .pale-turquoise:hover { background-color: #9ed6d6; }
.pale-violet-red-1 { background-color: #D87093; color: white; } .pale-violet-red-1:hover { background-color: #c46484; }
.pale-violet-red-2 { background-color: #DB7093; color: white; } .pale-violet-red-2:hover { background-color: #c46484; }
.papaya-whip { background-color: #FFEFD5; color: black; } .papaya-whip:hover { background-color: #e5d7c0; }
.peach-puff { background-color: #FFDAB9; color: black; } .peach-puff:hover { background-color: #e5c5a7; }
.peru { background-color: #CD853F; color: black; } .peru:hover { background-color: #b97739; }
.pink-1 { background-color: #BC8F8F; color: black; } .pink-1:hover { background-color: #a98282; }
.pink-2 { background-color: #FFC0CB; color: black; } .pink-2:hover { background-color: #e5acb7; }
.plum-1 { background-color: #EAADEA; color: black; } .plum-1:hover { background-color: #d19ecf; }
.plum-2 { background-color: #DDA0DD; color: white; } .plum-2:hover { background-color: #c690c6; }
.powder-blue { background-color: #B0E0E6; color: black; } .powder-blue:hover { background-color: #9fcbd0; }
.purple-1 { background-color: #800080; color: white; } .purple-1:hover { background-color: #730073; }
.purple-2 { background-color: #A020F0; color: white; } .purple-2:hover { background-color: #8f1de1; }
.quartz { background-color: #D9D9F3; color: black; } .quartz:hover { background-color: #c4c4db; }
.red { background-color: #FF0000; color: white; } .red:hover { background-color: #e50000; }
.rich-blue { background-color: #5959AB; color: white; } .rich-blue:hover { background-color: #50509b; }
.rosy-brown { background-color: #BC8F8F; color: black; } .rosy-brown:hover { background-color: #a98282; }
.royal-blue { background-color: #4169E1; color: white; } .royal-blue:hover { background-color: #3b5fcc; }
.saddle-brown { background-color: #8B4513; color: white; } .saddle-brown:hover { background-color: #7d3e11; }
.salmon-1 { background-color: #6F4242; color: white; } .salmon-1:hover { background-color: #643c3c; }
.salmon-2 { background-color: #FA8072; color: black; } .salmon-2:hover { background-color: #e07468; }
.sandy-brown { background-color: #F4A460; color: black; } .sandy-brown:hover { background-color: #df9657; }
.scarlet { background-color: #8C1717; color: white; } .scarlet:hover { background-color: #7f1414; }
.sea-green-1 { background-color: #238E68; color: white; } .sea-green-1:hover { background-color: #20805e; }
.sea-green-2 { background-color: #2E8B57; color: white; } .sea-green-2:hover { background-color: #2b7d4e; }
.sea-shell { background-color: #FFF5EE; color: black; } .sea-shell:hover { background-color: #e5dcdf; }
.semi-sweet-chocolate { background-color: #6B4226; color: white; } .semi-sweet-chocolate:hover { background-color: #603c22; }
.sienna-1 { background-color: #8E6B23; color: white; } .sienna-1:hover { background-color: #806020; }
.sienna-2 { background-color: #A0522D; color: white; } .sienna-2:hover { background-color: #8e4929; }
.silver-1 { background-color: #E6E8FA; color: black; } .silver-1:hover { background-color: #d0d2e0; }
.silver-2 { background-color: #C0C0C0; color: black; } .silver-2:hover { background-color: #aeaeae; }
.sky-blue-1 { background-color: #87CEEB; color: black; } .sky-blue-1:hover { background-color: #7cbed6; }
.sky-blue-2 { background-color: #3299CC; color: white; } .sky-blue-2:hover { background-color: #2e8ab9; }
.slate-blue-1 { background-color: #007FFF; color: white; } .slate-blue-1:hover { background-color: #0073e5; }
.slate-blue-2 { background-color: #6A5ACD; color: white; } .slate-blue-2:hover { background-color: #5f52b9; }
.slate-grey { background-color: #708090; color: white; } .slate-grey:hover { background-color: #647382; }
.snow { background-color: #FFFAFA; color: black; } .snow:hover { background-color: #e5e0e0; }
.spicy-pink { background-color: #FF1CAE; color: white; } .spicy-pink:hover { background-color: #e5199e; }
.spring-green { background-color: #00FF7F; color: black; } .spring-green:hover { background-color: #00e573; }
.steel-blue-1 { background-color: #236B8E; color: white; } .steel-blue-1:hover { background-color: #206080; }
.steel-blue-2 { background-color: #4682B4; color: white; } .steel-blue-2:hover { background-color: #4076a4; }
.summer-sky { background-color: #38B0DE; color: white; } .summer-sky:hover { background-color: #339fcc; }
.tan-1 { background-color: #DB9370; color: black; } .tan-1:hover { background-color: #c48464; }
.tan-2 { background-color: #D2B48C; color: black; } .tan-2:hover { background-color: #bfa47f; }
.teal { background-color: #008080; color: white; } .teal:hover { background-color: #007373; }
.thistle { background-color: #D8BFD8; color: black; } .thistle:hover { background-color: #c0abaf; }
.tomato { background-color: #FF6347; color: white; } .tomato:hover { background-color: #e55a40; }
.turquoise-1 { background-color: #ADEAEA; color: black; } .turquoise-1:hover { background-color: #9ed1d1; }
.turquoise-2 { background-color: #40E0D0; color: black; } .turquoise-2:hover { background-color: #38c9bb; }
.very-light-grey { background-color: #CDCDCD; color: black; } .very-light-grey:hover { background-color: #b9b9b9; }
.violet-1 { background-color: #4F2F4F; color: white; } .violet-1:hover { background-color: #482b48; }
.violet-2 { background-color: #EE82EE; color: white; } .violet-2:hover { background-color: #d676d6; }
.violet-red { background-color: #CC3299; color: white; } .violet-red:hover { background-color: #b92e8b; }
.wheat-1 { background-color: #D8D8BF; color: black; } .wheat-1:hover { background-color: #c0c0ac; }
.wheat-2 { background-color: #F5DEB3; color: black; } .wheat-2:hover { background-color: #e0ca9f; }
.white { background-color: #FFFFFF; color: black; } .white:hover { background-color: #e5e5e5; }
.white-smoke { background-color: #F5F5F5; color: black; } .white-smoke:hover { background-color: #e0e0e0; }
.yellow { background-color: #FFFF00; color: black; } .yellow:hover { background-color: #e5e500; }
.yellow-green-1 { background-color: #99CC32; color: black; } .yellow-green-1:hover { background-color: #8bb92e; }
.yellow-green-2 { background-color: #9ACD32; color: black; } .yellow-green-2:hover { background-color: #8cb92e; }