diff --git a/_sass/jekyll-theme-leap-day.scss b/_sass/jekyll-theme-leap-day.scss index e46b9dc..997afbd 100644 --- a/_sass/jekyll-theme-leap-day.scss +++ b/_sass/jekyll-theme-leap-day.scss @@ -1,39 +1,157 @@ -/* -Leap Day for GitHub Pages -by Matt Graham -*/ - @import "normalize"; @import "fonts"; @import "rouge-base16-dark"; +@import url("https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap"); html { - - height:100vh; + font:14px/22px 'Courier New', monospace, 'Martian Mono',Arial, "Lucida Sans Unicode", verdana, lucida, sans-serif; + height:100vh; background-color: #002DE0; /* For browsers that do not support gradients background-image: linear-gradient(#002DE0, #0032A0); */ background: rgb(0,45,224); background: linear-gradient(90deg, rgba(0,45,224,1) 0%, rgba(0,50,160,1) 90%); + height: 100vh; + width: 100vw; + column-fill: balance; + word-break: break-all; + font-variation-settings: + "wdth" 100; +} + +body { + } +svg { width:100%;} +.jumpmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #0dd9c4; color: #3df28b; border: #3df28b; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-weight: bold + ;} + +p { +margin-top:10px; +margin-bottom:10px; +display: block; +text-align: left; +width:100%; +color: white; +background: transparent +url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/halfscreen-black.gif) +center repeat; +/* background: black; */ +/* background: linear-gradient(90deg, black 0%, rgba(38,38,38,0.7049194677871149) 35%, rgba(89,89,89,0.5900735294117647) 100%); */ +border-left: 1px solid #26a7de ; +column-count: auto; +column-fill: balance-all; +word-break: break-all; +hyphens: auto; +margin: 20px; +display:block;} + +p:first-of-type { + color:limegreen; + } + + + a { + font-weight:400; + text-decoration:none; + color: #63c0f5; + text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); + } + a, + a:hover, + a:visited a:hover { + color: #c9ff23; + padding: 0px; + + } + + + + a small { + font-size:11px; + color:#cffe14; + margin-top:-0.6em; + display:block; + } + + + img[src*="cloudfront"] {width: 100%; + border-bottom:solid 10px #FCE30070;} + img[alt*="USGS"] {width: 100%; + border-bottom:solid 10px #BF785E;} + /* matches selection in URL/src */ + img[src*="nasa.gov"] {width: 100%; + border-bottom:solid 10px #c9ff2340;} + img[alt="kk"] { + width: 100%; + + } + img[alt="whiteslavery"] { + max-width: 15%; + float: right; + } + img[alt="whiteslavery40"] { + max-width: 40%; + transform: rotate(45deg); + } + + +h1 { + font: bolder 14px/18px 'Martian Mono',Arial, "Lucida Sans Unicode", verdana, lucida, sans-serif; + + font-size: 2em; + color: white; + text-shadow: rgba(255,255,255,1) 0px 0px 6px; + /* background: linear-gradient(45deg, + #F2D338 25%, #262626 0, #262626 50%, + #F2D338 0, #F2D338 75%, #262626 0); +background-size: 80.4px 80.4px; */ -body { - font:14px/22px 'Courier New', 'Quattrocento Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#2b2b2b; - font-weight:300; - margin: 0px; - padding:0px 0 20px 0px; - background: url(../images/body-background.png) #eae6d1; } -h1, h2, h3, h4, h5, h6 { - color:#333; - margin:0 0 10px; + +h2 { + word-spacing: -.2ch; + font-kerning: auto; + letter-spacing: 2pt; + background: transparent + url(https://photojournal.jpl.nasa.gov/jpeg/PIA20753.jpg) center repeat; + color: white; } + + +h3 { + + text-shadow: + 0 0 7px white, + 0 0 10px #2e97f2, + 0 0 21px white, + 0 0 42px white; + + +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: white; + background: transparent + url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/halfscreen-black.gif) + center repeat; + font-weight: 900; + margin: 5px; + padding: 5px; + +} + + + p, ul, ol, table, pre, dl { margin:0 0 20px; } @@ -44,15 +162,16 @@ h1, h2, h3 { h1 { font-size:28px; + color:white; } h2 { font-size: 24px; - color:#393939; + color:white; } h3, h4, h5, h6 { - color:#666666; + color:white; } h3 { @@ -60,17 +179,24 @@ h3 { line-height: 24px; } -a { - color:#4276b6; - font-weight:400; - text-decoration:none; + +a:hover, +a:visited a:hover { + /*font-size: 130%; */ + color: #63c0f5; + text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); + + + } -a small { - font-size:11px; - color:#666; - margin-top:-0.6em; - display:block; +a { + padding: 0px; + color:#29F247 ; + text-shadow: 0 0 5px rgba(41, 242, 71, 0.5); + transition: all .4s ease-out; + + } ul{ @@ -79,17 +205,31 @@ ul{ strong { font-weight: bold; - color: #333; + color: #14e4ff; } .wrapper { width:650px; margin:0 auto; position:relative; + } section img { + max-height: auto; max-width: 100%; + + + +} + + +.floatright img:nth-child(odd) { + float: right; +} +.floatleft img:nth-child(even) { + float: left; + border-bottom: solid 10px #ffffff50; } blockquote { @@ -97,19 +237,21 @@ blockquote { margin:0; padding:0 0 0 20px; font-style:italic; + color: white; + text-shadow: rgba(255,255,255,1) 0px 0px 6px; } code { - font-family: 'Lucida Sans', Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; + font-family: 'Martian Mono', Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; font-size:13px; color:#efefef; text-shadow: 0px 1px 0px #000; margin: 0 4px; padding: 2px 6px; - background: #333; + background: #33333350; border-radius: 2px; } - +/* pre { padding:8px 15px; background: #333333; @@ -123,6 +265,24 @@ pre { padding: 0px; } } +*/ +pre { + padding:8px 15px; + border-radius: 3px; + border:1px solid #b5e853; + overflow: auto; + overflow-y: hidden; + background: transparent + url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/halfscreen-black.gif) + center repeat; + font: bold 14px/18px 'Martian Mono',Arial, "Lucida Sans Unicode", verdana, lucida, sans-serif; + color:white; + code { + margin: 0px; + padding: 0px; + } +} + kbd { background-color: #fafbfc; @@ -175,7 +335,7 @@ dt { } header { - padding: 25px 20px 40px 20px; + /* padding: 25px 20px 40px 20px; margin: 0; position: fixed; top: 0; @@ -187,10 +347,10 @@ header { box-shadow: 1px 0px 2px rgba(0,0,0,.75); z-index:99; -webkit-font-smoothing:antialiased; - min-height: 76px; + min-height: 76px; */ h1 { - font: 40px/48px 'Copse', "Helvetica Neue", Helvetica, Arial, sans-serif; + font: 40px/48px 'Martian Mono','Copse', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f3f3f3; text-shadow: 0px 2px 0px #235796; margin: 0px; @@ -209,127 +369,43 @@ header { } } -#banner { - z-index: 100; - left:0; - right:50%; - height: 50px; - margin-right:-382px; - position: fixed; - top: 115px; - background: #ffcc00; - border: 1px solid #f0b500; - box-shadow: 0px 1px 3px rgba(0,0,0,.25); - border-radius: 0px 2px 2px 0px; - padding-right: 10px; - - .button { - border: 1px solid #dba500; - background: linear-gradient(rgb(255, 231, 136), rgb(255, 206, 56)); - border-radius: 2px; - box-shadow: inset 0px 1px 0px rgba(255,255,255,.4), 0px 1px 1px rgba(0,0,0,.1); - background-color: #FFE788; - margin-left: 5px; - padding: 10px 12px; - margin-top: 6px; - line-height:14px; - font-size:14px; - color:#333; - font-weight: bold; - display:inline-block; - text-align:center; - - &:hover { - background: linear-gradient(rgb(255, 231, 136), rgb(255, 231, 136)); - background-color: #ffeca0; - } - } - - .fork { - position:fixed; - left:50%; - margin-left:-325px; - padding: 10px 12px; - margin-top: 6px; - line-height:14px; - font-size:14px; - background-color: #FFE788; - } - - .downloads { - float: right; - margin:0 45px 0 0; - - span { - float:left; - line-height:52px; - font-size:90%; - color:#9d7f0d; - text-transform:uppercase; - text-shadow:rgba(#fff, 0.2) 0 1px 0; - } - } - - ul { - list-style:none; - height:40px; - padding:0; - float: left; - margin-left:10px; - - li { - display:inline; - - a.button { - background-color: #FFE788; - } - } - } - - #logo { - position:absolute; - height: 36px; - width: 36px; - right:7px; - top:7px; - display: block; - background: url(../images/octocat-logo.svg); - } -} - section { - position:relative; - - padding: 10px; - border-radius: 0px 0px 0px 0px; - width: 90vw; - scrollbar-color: #595959 #262626; - scrollbar-width: thin; + + display : flex; + flex-wrap: wrap; + border-radius: 0px 0px 0px 0px; + margin-top: 0px; + width: 85vh; padding: 0px; - height: 100vh; - /* overflow-y: auto; */ - - margin-top: -185px; - margin-bottom: 40px; + margin-bottom: 40px; + margin-right: auto; + margin-left: auto; + margin-top: -188px; + line-height: 1.5; margin-right: auto; margin-left: auto; + /* opera does not like 'margin:20px auto' */ + /* background: #666; */ border: 1px solid white; + background: url(https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04329/opgs/edr/ncam/NLB_781808042EDR_F1091998NCAM00354M_.JPG) no-repeat 0 0 fixed; + /* https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */ + background-size: cover; + + /* background: url(https://mars.nasa.gov/mars2020-raw-images/pub/ods/surface/sol/01046/ids/edr/browse/rcam/RRF_1046_0759804806_506ECM_N0495338RHAZ02420_01_295J01_800.jpg) no-repeat 0 0 fixed; */ + /* https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */ + text-align:left; + /* part 2 of 2 centering hack */ + voice-family: "\"}\""; voice-family:inherit; - box-shadow: rgba(255,255,255, 0.4) 5px 5px, rgba(255,255,255, 0.3) 10px 10px, rgba(255,255,255, 0.2) 15px 15px, rgba(255,255,255, 0.1) 20px 20px, rgba(255,255,255, 0.05) 25px 25px; - /* background : #0D0D0D; - background-image : - linear-gradient(#262626 1px, transparent 0), - linear-gradient(90deg, #262626 1px, transparent 0), ; - background-size: 30px 30px; - background-attachment: fixed; - background-image: - url(https://raw.githubusercontent.com/ricoThaka/rashardmro/refs/heads/master/assets/images/nasalogo_whitetext_redwing.svg), */ + + + box-shadow: rgba(255,255,255, 0.4) 5px 5px, rgba(255,255,255, 0.3) 10px 10px, rgba(255,255,255, 0.2) 15px 15px, rgba(255,255,255, 0.1) 20px 20px, rgba(255,255,255, 0.05) 25px 25px;font-family: 'Martian Mono',-apple-system, Ariel, Verdana; + /* color: #c9ff23; */ + overflow-y: auto; + } + -linear-gradient(45deg, #2BFF88 0%, #2BD2FF 52%, #FA8BFF 90%); -background-size: cover;/*now this is known for the safari*/ -background-attachment: fixed; -} small { font-size:12px; @@ -357,11 +433,21 @@ nav { // right:-12px; &.tag-h1 { - font-size: 1.2em; - + font-size: 1em; + text-decoration:none; + font-weight:600; + + a:hover { + font-size: 120%; + color: #63c0f5; + text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); + + + } a { font-weight: bold; - color: #333; + color: white; + transition: all .2s ease-out; } + .tag-h2 { @@ -377,11 +463,7 @@ nav { } } - a { - color: #666; - &:hover { color: #999; } - } // .active { // border-right:solid 4px #39C; @@ -390,6 +472,11 @@ nav { } } + + + + + footer { width:180px; position: fixed; @@ -456,13 +543,13 @@ footer { } } -@media print, screen and (max-width: 720px) { +@media print, screen and (max-width: 1000px) { body { word-wrap:break-word; } header { - padding:20px 20px; + padding:0px 0px; margin: 0; h1 { @@ -491,7 +578,7 @@ footer { } section { - margin-top: 130px; + margin-top: 0px; margin-bottom: 0px; width: auto; } @@ -501,13 +588,13 @@ footer { } } -@media print, screen and (max-width: 480px) { +@media print, screen and (max-width: 1024px) { body { } header{ position: relative; - padding: 5px 0px; + padding: 0px 0px; min-height: 0px; h1 { @@ -520,7 +607,7 @@ footer { } } section { - margin-top: 5px; + margin-top: 0px; } #banner { display: none;} @@ -563,3 +650,1986 @@ footer { width:auto; } } + + + + + +.gallery-wrap { + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: 100%; + height: 70vh; +} + +.item { + flex: 1; + height: 100%; + background-position: center; + background-size: cover; + transition: flex 0.8s ease; + + &:hover{ + flex: 7; + } +} + +.item-1 { + background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04200/opgs/edr/ncam/NLB_770345493EDR_F1072484NCAM00256M_.JPG'); +} + +.item-2 { + background-image: url('https://mars.nasa.gov/msl-raw-images/msss/04202/mcam/4202MR1059130272102870C00_DXXX.jpg'); +} + +.item-3 { + background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04250/opgs/edr/ncam/NRB_774801663EDR_F1080222NCAM00200M_.JPG'); +} + +.item-4 { + background-image: url('https://mars.nasa.gov/msl-raw-images/msss/04202/mcam/4202ML1059130291702010C00_DXXX.jpg'); +} + +.item-5 { + background-image: url('https://mars.nasa.gov/msl-raw-images/proj/msl/redops/ods/surface/sol/04251/opgs/edr/ncam/NLB_774875074EDR_F1080438NCAM00274M_.JPG'); +} + + + +video { + height: auto !important; + width: 100% !important; + /* margin-left: 1em; + margin-right: 1em; + border-radius: .3em; */ + display: block; + background: repeating-linear-gradient( + to left, + transparent, + transparent 54px, + black 55px, + black 55px + ), + repeating-linear-gradient( + to bottom, + transparent, + transparent 54px, + grey 55px, + grey 55px + ), + linear-gradient(45deg, grey, black); + + background-attachment:fixed; + transition: 3s cubic-bezier(0.1, 0.2, 0.3, 0.4); + /* transition: 4s cubic-bezier(.25,.1,.2,3); */ +} + +embed { + + width: 100%; +min-height: max-content; +} + +iframe { + margin:0px; + width: 100%; +} + + + +.twoPanelSpread { + margin: 0px; + padding: 0px; + background: url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/810MATRiX.webp) + center repeat; +} + +.row { + border-radius: 0px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + width: 100%; +} + +.panelColumn { + display: flex; + flex-direction: column; + flex-basis: 100%; + flex: 1; + overflow: hidden; +} + +.leftColumn { + /* background-color: #2470FF; */ + width: 100%; +} + +.leftColumn img { + flex-shrink: 0; + min-width: 100%; + min-height: 100%; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} + +.rightColumn { + /* background-color: #c9ff23; */ +} +.rightColumn img { + flex-shrink: 0; + min-width: 100%; + min-height: 100%; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} + + + + +.top-container { + + padding: 0px; + align-content: center; + max-width: 900px; + padding: 0px; + margin-right: auto; + margin-left: auto; + /* opera does not like 'margin:20px auto' */ + /* background: #666; */ + width: 50%; /* ie5win fudge begins */ + text-align:left; +} + +/* 3_TO_6 panel spread ##LAUREN_IS_MY_WIFE_AS_WELL_as_LAURA */ + +/* FLEX_BOX_FOR_3_IMAGES */ +.greenlineflex-container { + + display: flex; + align-items: stretch; + flex-flow: row wrap; + flex-direction: row; + justify-content: center; + align-content: stretch; + height: auto; +width:100%; + gap: 5px; + +} + +.greenlineflex-container > div{ + + border: 1px solid #c9ff23; + border-radius: 1px; + padding: 8px; +} + + +:root { + --magnifier: 8; + --gap: 0vmax; + --transition: 0.5s; +} + +.pinupGallery { + display: block; + width: 100%; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + gap: 0px; + object-fit: contain; +} +.expandingGallery { + width: 100%; + height: 25vh; + display: flex; + align-items: center; + justify-content: center; + gap: var(--gap); +} + +.expandingGallery > img { + --brightness: 0.75; + --grayscale: 1; + transition: flex var(--transition), filter var(--transition); + height: 100%; + object-fit: cover; + overflow: hidden; + flex: 1; +} + +.expandingGallery > img:hover { + flex: var(--magnifier); +} + + +.twitterbox { + display:flex; + flex-flow: row wrap; + max-width: 1100px; +} + + +.tweet { + + flex: 1 1 400px; + +} + + +/* i like the formatting here +img[alt="whiteslavery"] { max-width: 30%; float:left;} +img[alt="whiteslavery40"] { max-width: 40%; transform: rotate(45deg);} +*/ + + + + + +@keyframes slideInFromRight { + 0% { + transform: translateX(100%); + } + 100% { + transform: translateX(0); + } +} +@keyframes slideInFromLeft { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(0); + } +} + +@keyframes blur { + 0% { + filter: blur(1.5rem); + } + 100% { + filter: blur(0rem); + } +} + +@keyframes flip { + 0% { + filter: blur(1.5rem); + transform: rotateZ(90deg); + } + 100% { + filter: blur(0rem); + transform: rotateZ(0deg); + } +} +@keyframes saturate { + 0% { + + filter: saturate(7); + } + 100% { + + filter: saturate(3); + } +} + +@keyframes scale { + 0% { + + transform: scale( 2, 2); + } + 100% { + + transform: scale(4, 1); + + } +} + +@keyframes rotate { + 0% { + + transform: rotate(300.142rad); + } + 100% { + + transform: rotate(0rad); + + } +} + + + + + + + + + + + + +.swatch { + + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: wrap; + width: 100%; + position:relative; + opacity: 1; + max-width: max-content; +} + + +.swatch div { + +flex: 1 1 auto; +padding: 10px; + +} + + + + + + +.swatch div:nth-child(1) { +background: #352EF2; +border-radius:0px +} +.swatch div:nth-child(2) { +background: #446FF2; +border-radius:0px +} + +.swatch div:nth-child(3) { +background: #2E97F2; +border-radius:0px +} + +.swatch div:nth-child(4) { +background: #3DF28B; +border-radius:0px +} +.swatch div:nth-child(5) { +background: #29F247; +border-radius:0px +} +.swatch div:nth-child(6){ background: #CE0058; } +.swatch div:nth-child(7){ background: #E10098; } +.swatch div:nth-child(8){ background: #BB29BB; } +.swatch div:nth-child(9){ background: #440099; } +.swatch div:nth-child(10){ background: #10069F; } +.swatch div:nth-child(11){ background: #1489; } +.swatch div:nth-child(12){ background: #0085CA; } +.swatch div:nth-child(13){ background: #00AB84; } +.swatch div:nth-child(14){ background: #2D2926; } +.swatch div:nth-child(15){ background: #F2F0A1; } +.swatch div:nth-child(16){ background: #FCAEBB; } +.swatch div:nth-child(17){ background: #F1B2DC; } +.swatch div:nth-child(18){ background: #BF9BDE; } +.swatch div:nth-child(19){ background: #74D1EA; } +.swatch div:nth-child(20){ background: #9DE7D7; } +.swatch div:nth-child(21){ background: #9E978E; } +.swatch div:nth-child(22){ background: #009ACE; } +.swatch div:nth-child(23){ background: #44D62C; } +.swatch div:nth-child(24){ background: #FFE900; } +.swatch div:nth-child(25){ background: #FFAA4D; } +.swatch div:nth-child(26){ background: #FF7276; } +.swatch div:nth-child(27){ background: #FF3EB5; } +.swatch div:nth-child(28){ background: #EA27C2; } +.swatch div:nth-child(29){ background: #84754E; } +.swatch div:nth-child(30){ background: #85714D; } +.swatch div:nth-child(31){ background: #866D4B; } +.swatch div:nth-child(32){ background: #8B6F4E; } +.swatch div:nth-child(33){ background: #87674F; } +.swatch div:nth-child(34){ background: #8B634B; } +.swatch div:nth-child(35){ background: #8A8D8F; } +.swatch div:nth-child(36){ background: #FFD900; } +.swatch div:nth-child(37){ background: #FF5E00; } +.swatch div:nth-child(38){ background: #F93822; } +.swatch div:nth-child(39){ background: #CE0056; } +.swatch div:nth-child(40){ background: #D62598; } +.swatch div:nth-child(41){ background: #4E008E; } +.swatch div:nth-child(42){ background: #00239C; } +.swatch div:nth-child(43){ background: #0084CA; } +.swatch div:nth-child(44){ background: #00B08B; } +.swatch div:nth-child(45){ background: #222223; } +.swatch div:nth-child(46){ background: #F6EB61; } +.swatch div:nth-child(47){ background: #F7EA48; } +.swatch div:nth-child(48){ background: #FCE300; } +.swatch div:nth-child(49){ background: #C5A900; } +.swatch div:nth-child(50){ background: #AF9800; } +.swatch div:nth-child(51){ background: #897A27; } +.swatch div:nth-child(52){ background: #F5E1A4; } +.swatch div:nth-child(53){ background: #ECD898; } +.swatch div:nth-child(54){ background: #EED484; } +.swatch div:nth-child(55){ background: #F4DA40; } +.swatch div:nth-child(56){ background: #F2CD00; } +.swatch div:nth-child(57){ background: #F1C400; } +.swatch div:nth-child(58){ background: #CBA052; } +.swatch div:nth-child(59){ background: #F9E547; } +.swatch div:nth-child(60){ background: #FBE122; } +.swatch div:nth-child(61){ background: #FEDB00; } +.swatch div:nth-child(62){ background: #FFD100; } +.swatch div:nth-child(63){ background: #DAAA00; } +.swatch div:nth-child(64){ background: #AA8A00; } +.swatch div:nth-child(65){ background: #9C8412; } +.swatch div:nth-child(66){ background: #FAE053; } +.swatch div:nth-child(67){ background: #FBDD40; } +.swatch div:nth-child(68){ background: #FDDA24; } +.swatch div:nth-child(69){ background: #FFCD00; } +.swatch div:nth-child(70){ background: #C99700; } +.swatch div:nth-child(71){ background: #AC8400; } +.swatch div:nth-child(72){ background: #897322; } +.swatch div:nth-child(73){ background: #F3DD6D; } +.swatch div:nth-child(74){ background: #F3D54E; } +.swatch div:nth-child(75){ background: #F3D03E; } +.swatch div:nth-child(76){ background: #F2A900; } +.swatch div:nth-child(77){ background: #CC8A00; } +.swatch div:nth-child(78){ background: #A07400; } +.swatch div:nth-child(79){ background: #6C571B; } +.swatch div:nth-child(80){ background: #F8E08E; } +.swatch div:nth-child(81){ background: #FBD872; } +.swatch div:nth-child(82){ background: #FFC845; } +.swatch div:nth-child(83){ background: #FFB81C; } +.swatch div:nth-child(84){ background: #C69214; } +.swatch div:nth-child(85){ background: #AD841F; } +.swatch div:nth-child(86){ background: #886B25; } +.swatch div:nth-child(87){ background: #FBDB65; } +.swatch div:nth-child(88){ background: #FDD757; } +.swatch div:nth-child(89){ background: #FED141; } +.swatch div:nth-child(90){ background: #FFC72C; } +.swatch div:nth-child(91){ background: #EAAA00; } +.swatch div:nth-child(92){ background: #B58500; } +.swatch div:nth-child(93){ background: #9A7611; } +.swatch div:nth-child(94){ background: #FFC600; } +.swatch div:nth-child(95){ background: #FFB500; } +.swatch div:nth-child(96){ background: #D19000; } +.swatch div:nth-child(97){ background: #B47E00; } +.swatch div:nth-child(98){ background: #73531D; } +.swatch div:nth-child(99){ background: #5A4522; } +.swatch div:nth-child(100){ background: #4B3D2A; } +.swatch div:nth-child(101){ background: #D29F13; } +.swatch div:nth-child(102){ background: #B78B20; } +.swatch div:nth-child(103){ background: #9F7D23; } +.swatch div:nth-child(104){ background: #967126; } +.swatch div:nth-child(105){ background: #8F6A2A; } +.swatch div:nth-child(106){ background: #7D622E; } +.swatch div:nth-child(107){ background: #6C5D34; } +.swatch div:nth-child(108){ background: #FDD26E; } +.swatch div:nth-child(109){ background: #FFC658; } +.swatch div:nth-child(110){ background: #FFBF3F; } +.swatch div:nth-child(111){ background: #FFA300; } +.swatch div:nth-child(112){ background: #DE7C00; } +.swatch div:nth-child(113){ background: #AF6D04; } +.swatch div:nth-child(114){ background: #74531C; } +.swatch div:nth-child(115){ background: #FDD086; } +.swatch div:nth-child(116){ background: #FFC56E; } +.swatch div:nth-child(117){ background: #FFB549; } +.swatch div:nth-child(118){ background: #FF9E1B; } +.swatch div:nth-child(119){ background: #D57800; } +.swatch div:nth-child(120){ background: #996017; } +.swatch div:nth-child(121){ background: #6E4C1E; } +.swatch div:nth-child(122){ background: #F2C75C; } +.swatch div:nth-child(123){ background: #F1BE48; } +.swatch div:nth-child(124){ background: #F1B434; } +.swatch div:nth-child(125){ background: #ED8B00; } +.swatch div:nth-child(126){ background: #CF7F00; } +.swatch div:nth-child(127){ background: #A76D11; } +.swatch div:nth-child(128){ background: #715C2A; } +.swatch div:nth-child(129){ background: #F6BE00; } +.swatch div:nth-child(130){ background: #F0B323; } +.swatch div:nth-child(131){ background: #FEAD77; } +.swatch div:nth-child(132){ background: #E6A65D; } +.swatch div:nth-child(133){ background: #D38235; } +.swatch div:nth-child(134){ background: #DC8633; } +.swatch div:nth-child(135){ background: #C16C18; } +.swatch div:nth-child(136){ background: #BD9B60; } +.swatch div:nth-child(137){ background: #D69A2D; } +.swatch div:nth-child(138){ background: #DB8A06; } +.swatch div:nth-child(139){ background: #CD7925; } +.swatch div:nth-child(140){ background: #AD6433; } +.swatch div:nth-child(141){ background: #89532F; } +.swatch div:nth-child(142){ background: #775135; } +.swatch div:nth-child(143){ background: #D78825; } +.swatch div:nth-child(144){ background: #D3832B; } +.swatch div:nth-child(145){ background: #C67D30; } +.swatch div:nth-child(146){ background: #B67233; } +.swatch div:nth-child(147){ background: #A7662B; } +.swatch div:nth-child(148){ background: #9E6A38; } +.swatch div:nth-child(149){ background: #835D32; } +.swatch div:nth-child(150){ background: #FCC89B; } +.swatch div:nth-child(151){ background: #FDBE87; } +.swatch div:nth-child(152){ background: #FDAA63; } +.swatch div:nth-child(153){ background: #F68D2E; } +.swatch div:nth-child(154){ background: #EA7600; } +.swatch div:nth-child(155){ background: #D45D00; } +.swatch div:nth-child(156){ background: #BE4D00; } +.swatch div:nth-child(157){ background: #FECB8B; } +.swatch div:nth-child(158){ background: #FFC27B; } +.swatch div:nth-child(159){ background: #FFB25B; } +.swatch div:nth-child(160){ background: #FF8200; } +.swatch div:nth-child(161){ background: #E57200; } +.swatch div:nth-child(162){ background: #BE6A14; } +.swatch div:nth-child(163){ background: #9B5A1A; } +.swatch div:nth-child(164){ background: #EFD19F; } +.swatch div:nth-child(165){ background: #EFBE7D; } +.swatch div:nth-child(166){ background: #ECA154; } +.swatch div:nth-child(167){ background: #E87722; } +.swatch div:nth-child(168){ background: #CB6015; } +.swatch div:nth-child(169){ background: #A1561C; } +.swatch div:nth-child(170){ background: #603D20; } +.swatch div:nth-child(171){ background: #FFAE62; } +.swatch div:nth-child(172){ background: #FF8F1C; } +.swatch div:nth-child(173){ background: #FF6900; } +.swatch div:nth-child(174){ background: #B94700; } +.swatch div:nth-child(175){ background: #94450B; } +.swatch div:nth-child(176){ background: #653819; } +.swatch div:nth-child(177){ background: #FFB990; } +.swatch div:nth-child(178){ background: #FFA06A; } +.swatch div:nth-child(179){ background: #FF7F32; } +.swatch div:nth-child(180){ background: #FF6A13; } +.swatch div:nth-child(181){ background: #D86018; } +.swatch div:nth-child(182){ background: #A65523; } +.swatch div:nth-child(183){ background: #8B4720; } +.swatch div:nth-child(184){ background: #FFBE9F; } +.swatch div:nth-child(185){ background: #FF9D6E; } +.swatch div:nth-child(186){ background: #FF7F41; } +.swatch div:nth-child(187){ background: #FF671F; } +.swatch div:nth-child(188){ background: #E35205; } +.swatch div:nth-child(189){ background: #BE531C; } +.swatch div:nth-child(190){ background: #73381D; } +.swatch div:nth-child(191){ background: #DB864E; } +.swatch div:nth-child(192){ background: #E07E3C; } +.swatch div:nth-child(193){ background: #DC6B2F; } +.swatch div:nth-child(194){ background: #DC582A; } +.swatch div:nth-child(195){ background: #C05131; } +.swatch div:nth-child(196){ background: #864A33; } +.swatch div:nth-child(197){ background: #674736; } +.swatch div:nth-child(198){ background: #FFA38B; } +.swatch div:nth-child(199){ background: #FF8D6D; } +.swatch div:nth-child(200){ background: #FF6A39; } +.swatch div:nth-child(201){ background: #FC4C02; } +.swatch div:nth-child(202){ background: #DC4405; } +.swatch div:nth-child(203){ background: #A9431E; } +.swatch div:nth-child(204){ background: #833921; } +.swatch div:nth-child(205){ background: #FFB3AB; } +.swatch div:nth-child(206){ background: #FF8674; } +.swatch div:nth-child(207){ background: #FF5C39; } +.swatch div:nth-child(208){ background: #FA4616; } +.swatch div:nth-child(209){ background: #CF4520; } +.swatch div:nth-child(210){ background: #963821; } +.swatch div:nth-child(211){ background: #6B3529; } +.swatch div:nth-child(212){ background: #C4622D; } +.swatch div:nth-child(213){ background: #BA5826; } +.swatch div:nth-child(214){ background: #AF5C37; } +.swatch div:nth-child(215){ background: #9E5330; } +.swatch div:nth-child(216){ background: #924C2E; } +.swatch div:nth-child(217){ background: #7B4D35; } +.swatch div:nth-child(218){ background: #5C4738; } +.swatch div:nth-child(219){ background: #D4B59E; } +.swatch div:nth-child(220){ background: #C07D59; } +.swatch div:nth-child(221){ background: #B15533; } +.swatch div:nth-child(222){ background: #9D432C; } +.swatch div:nth-child(223){ background: #7C3A2D; } +.swatch div:nth-child(224){ background: #6B3D2E; } +.swatch div:nth-child(225){ background: #5C3D31; } +.swatch div:nth-child(226){ background: #D14124; } +.swatch div:nth-child(227){ background: #BD472A; } +.swatch div:nth-child(228){ background: #B33D26; } +.swatch div:nth-child(229){ background: #8D3F2B; } +.swatch div:nth-child(230){ background: #83412C; } +.swatch div:nth-child(231){ background: #7B4931; } +.swatch div:nth-child(232){ background: #674230; } +.swatch div:nth-child(233){ background: #E4D5D3; } +.swatch div:nth-child(234){ background: #E1BBB4; } +.swatch div:nth-child(235){ background: #D6938A; } +.swatch div:nth-child(236){ background: #C26E60; } +.swatch div:nth-child(237){ background: #A4493D; } +.swatch div:nth-child(238){ background: #823B34; } +.swatch div:nth-child(239){ background: #683431; } +.swatch div:nth-child(240){ background: #DDBCB0; } +.swatch div:nth-child(241){ background: #CA9A8E; } +.swatch div:nth-child(242){ background: #BC8A7E; } +.swatch div:nth-child(243){ background: #A37F74; } +.swatch div:nth-child(244){ background: #866761; } +.swatch div:nth-child(245){ background: #6B4C4C; } +.swatch div:nth-child(246){ background: #583D3E; } +.swatch div:nth-child(247){ background: #EABEB0; } +.swatch div:nth-child(248){ background: #C09C83; } +.swatch div:nth-child(249){ background: #B46A55; } +.swatch div:nth-child(250){ background: #AB5C57; } +.swatch div:nth-child(251){ background: #A45248; } +.swatch div:nth-child(252){ background: #9A6A4F; } +.swatch div:nth-child(253){ background: #8A391B; } +.swatch div:nth-child(254){ background: #ECC3B2; } +.swatch div:nth-child(255){ background: #ECBAA8; } +.swatch div:nth-child(256){ background: #EAA794; } +.swatch div:nth-child(257){ background: #E8927C; } +.swatch div:nth-child(258){ background: #DA291C; } +.swatch div:nth-child(259){ background: #9A3324; } +.swatch div:nth-child(260){ background: #653024; } +.swatch div:nth-child(261){ background: #FFB1BB; } +.swatch div:nth-child(262){ background: #FF808B; } +.swatch div:nth-child(263){ background: #FF585D; } +.swatch div:nth-child(264){ background: #E03C31; } +.swatch div:nth-child(265){ background: #BE3A34; } +.swatch div:nth-child(266){ background: #81312F; } +.swatch div:nth-child(267){ background: #FFA3B5; } +.swatch div:nth-child(268){ background: #FF8DA1; } +.swatch div:nth-child(269){ background: #F8485E; } +.swatch div:nth-child(270){ background: #EE2737; } +.swatch div:nth-child(271){ background: #D22630; } +.swatch div:nth-child(272){ background: #AF272F; } +.swatch div:nth-child(273){ background: #7C2529; } +.swatch div:nth-child(274){ background: #FCAFC0; } +.swatch div:nth-child(275){ background: #FB637E; } +.swatch div:nth-child(276){ background: #F4364C; } +.swatch div:nth-child(277){ background: #CB333B; } +.swatch div:nth-child(278){ background: #A4343A; } +.swatch div:nth-child(279){ background: #643335; } +.swatch div:nth-child(280){ background: #C66E4E; } +.swatch div:nth-child(281){ background: #C04C36; } +.swatch div:nth-child(282){ background: #B7312C; } +.swatch div:nth-child(283){ background: #AB2328; } +.swatch div:nth-child(284){ background: #93272C; } +.swatch div:nth-child(285){ background: #8A2A2B; } +.swatch div:nth-child(286){ background: #802F2D; } +.swatch div:nth-child(287){ background: #E1523D; } +.swatch div:nth-child(288){ background: #C63527; } +.swatch div:nth-child(289){ background: #A72B2A; } +.swatch div:nth-child(290){ background: #9E2A2B; } +.swatch div:nth-child(291){ background: #6D3332; } +.swatch div:nth-child(292){ background: #633231; } +.swatch div:nth-child(293){ background: #572D2D; } +.swatch div:nth-child(294){ background: #E6BAA8; } +.swatch div:nth-child(295){ background: #E56A54; } +.swatch div:nth-child(296){ background: #E04E39; } +.swatch div:nth-child(297){ background: #CD545B; } +.swatch div:nth-child(298){ background: #B04A5A; } +.swatch div:nth-child(299){ background: #9B2242; } +.swatch div:nth-child(300){ background: #651D32; } +.swatch div:nth-child(301){ background: #FABBCB; } +.swatch div:nth-child(302){ background: #FC9BB3; } +.swatch div:nth-child(303){ background: #F65275; } +.swatch div:nth-child(304){ background: #E4002B; } +.swatch div:nth-child(305){ background: #C8102E; } +.swatch div:nth-child(306){ background: #A6192E; } +.swatch div:nth-child(307){ background: #76232F; } +.swatch div:nth-child(308){ background: #ECC7CD; } +.swatch div:nth-child(309){ background: #E89CAE; } +.swatch div:nth-child(310){ background: #DF4661; } +.swatch div:nth-child(311){ background: #D50032; } +.swatch div:nth-child(312){ background: #BA0C2F; } +.swatch div:nth-child(313){ background: #9D2235; } +.swatch div:nth-child(314){ background: #862633; } +.swatch div:nth-child(315){ background: #F8A3BC; } +.swatch div:nth-child(316){ background: #F67599; } +.swatch div:nth-child(317){ background: #EF426F; } +.swatch div:nth-child(318){ background: #E40046; } +.swatch div:nth-child(319){ background: #BF0D3E; } +.swatch div:nth-child(320){ background: #9B2743; } +.swatch div:nth-child(321){ background: #782F40; } +.swatch div:nth-child(322){ background: #F5B6CD; } +.swatch div:nth-child(323){ background: #F59BBB; } +.swatch div:nth-child(324){ background: #EF4A81; } +.swatch div:nth-child(325){ background: #E0004D; } +.swatch div:nth-child(326){ background: #C5003E; } +.swatch div:nth-child(327){ background: #A6093D; } +.swatch div:nth-child(328){ background: #8A1538; } +.swatch div:nth-child(329){ background: #F5DADF; } +.swatch div:nth-child(330){ background: #F7CED7; } +.swatch div:nth-child(331){ background: #F9B5C4; } +.swatch div:nth-child(332){ background: #F890A5; } +.swatch div:nth-child(333){ background: #EF6079; } +.swatch div:nth-child(334){ background: #E03E52; } +.swatch div:nth-child(335){ background: #CB2C30; } +.swatch div:nth-child(336){ background: #F2D4D7; } +.swatch div:nth-child(337){ background: #F4C3CC; } +.swatch div:nth-child(338){ background: #F2ACB9; } +.swatch div:nth-child(339){ background: #E68699; } +.swatch div:nth-child(340){ background: #D25B73; } +.swatch div:nth-child(341){ background: #B83A4B; } +.swatch div:nth-child(342){ background: #9E2A2F; } +.swatch div:nth-child(343){ background: #ECB3CB; } +.swatch div:nth-child(344){ background: #E782A9; } +.swatch div:nth-child(345){ background: #E0457B; } +.swatch div:nth-child(346){ background: #CE0037; } +.swatch div:nth-child(347){ background: #A50034; } +.swatch div:nth-child(348){ background: #861F41; } +.swatch div:nth-child(349){ background: #6F263D; } +.swatch div:nth-child(350){ background: #F99FC9; } +.swatch div:nth-child(351){ background: #F57EB6; } +.swatch div:nth-child(352){ background: #F04E98; } +.swatch div:nth-child(353){ background: #E31C79; } +.swatch div:nth-child(354){ background: #CE0F69; } +.swatch div:nth-child(355){ background: #AC145A; } +.swatch div:nth-child(356){ background: #7D2248; } +.swatch div:nth-child(357){ background: #F4CDD4; } +.swatch div:nth-child(358){ background: #E06287; } +.swatch div:nth-child(359){ background: #E24585; } +.swatch div:nth-child(360){ background: #B52555; } +.swatch div:nth-child(361){ background: #A4123F; } +.swatch div:nth-child(362){ background: #971B2F; } +.swatch div:nth-child(363){ background: #6A2C3E; } +.swatch div:nth-child(364){ background: #D6C9CA; } +.swatch div:nth-child(365){ background: #C4A4A7; } +.swatch div:nth-child(366){ background: #C16784; } +.swatch div:nth-child(367){ background: #C63663; } +.swatch div:nth-child(368){ background: #BC204B; } +.swatch div:nth-child(369){ background: #912F46; } +.swatch div:nth-child(370){ background: #7E2D40; } +.swatch div:nth-child(371){ background: #EABEDB; } +.swatch div:nth-child(372){ background: #E56DB1; } +.swatch div:nth-child(373){ background: #DA1884; } +.swatch div:nth-child(374){ background: #A50050; } +.swatch div:nth-child(375){ background: #910048; } +.swatch div:nth-child(376){ background: #6C1D45; } +.swatch div:nth-child(377){ background: #936D73; } +.swatch div:nth-child(378){ background: #934054; } +.swatch div:nth-child(379){ background: #8E2C48; } +.swatch div:nth-child(380){ background: #732E4A; } +.swatch div:nth-child(381){ background: #582D40; } +.swatch div:nth-child(382){ background: #502B3A; } +.swatch div:nth-child(383){ background: #EF95CF; } +.swatch div:nth-child(384){ background: #EB6FBD; } +.swatch div:nth-child(385){ background: #DF1995; } +.swatch div:nth-child(386){ background: #D0006F; } +.swatch div:nth-child(387){ background: #AA0061; } +.swatch div:nth-child(388){ background: #890C58; } +.swatch div:nth-child(389){ background: #672146; } +.swatch div:nth-child(390){ background: #F4A6D7; } +.swatch div:nth-child(391){ background: #F277C6; } +.swatch div:nth-child(392){ background: #E93CAC; } +.swatch div:nth-child(393){ background: #C6007E; } +.swatch div:nth-child(394){ background: #A20067; } +.swatch div:nth-child(395){ background: #840B55; } +.swatch div:nth-child(396){ background: #EAD3E2; } +.swatch div:nth-child(397){ background: #E6BCD8; } +.swatch div:nth-child(398){ background: #DFA0C9; } +.swatch div:nth-child(399){ background: #D986BA; } +.swatch div:nth-child(400){ background: #C6579A; } +.swatch div:nth-child(401){ background: #AE2573; } +.swatch div:nth-child(402){ background: #960051; } +.swatch div:nth-child(403){ background: #E5CEDB; } +.swatch div:nth-child(404){ background: #E3C8D8; } +.swatch div:nth-child(405){ background: #DEBED2; } +.swatch div:nth-child(406){ background: #C996B6; } +.swatch div:nth-child(407){ background: #B06C96; } +.swatch div:nth-child(408){ background: #994878; } +.swatch div:nth-child(409){ background: #7C2855; } +.swatch div:nth-child(410){ background: #E4C6D4; } +.swatch div:nth-child(411){ background: #DCB6C9; } +.swatch div:nth-child(412){ background: #D0A1BA; } +.swatch div:nth-child(413){ background: #BE84A3; } +.swatch div:nth-child(414){ background: #A76389; } +.swatch div:nth-child(415){ background: #893B67; } +.swatch div:nth-child(416){ background: #612141; } +.swatch div:nth-child(417){ background: #EBBECB; } +.swatch div:nth-child(418){ background: #E8B3C3; } +.swatch div:nth-child(419){ background: #E4A9BB; } +.swatch div:nth-child(420){ background: #D592AA; } +.swatch div:nth-child(421){ background: #84344E; } +.swatch div:nth-child(422){ background: #6F2C3F; } +.swatch div:nth-child(423){ background: #572932; } +.swatch div:nth-child(424){ background: #E2BCCB; } +.swatch div:nth-child(425){ background: #DCA9BF; } +.swatch div:nth-child(426){ background: #C9809E; } +.swatch div:nth-child(427){ background: #B55C80; } +.swatch div:nth-child(428){ background: #A73A64; } +.swatch div:nth-child(429){ background: #9B3259; } +.swatch div:nth-child(430){ background: #872651; } +.swatch div:nth-child(431){ background: #E9CDD0; } +.swatch div:nth-child(432){ background: #E4BEC3; } +.swatch div:nth-child(433){ background: #D7A3AB; } +.swatch div:nth-child(434){ background: #C48490; } +.swatch div:nth-child(435){ background: #B46B7A; } +.swatch div:nth-child(436){ background: #984856; } +.swatch div:nth-child(437){ background: #893C47; } +.swatch div:nth-child(438){ background: #F2C6CF; } +.swatch div:nth-child(439){ background: #F1BDC8; } +.swatch div:nth-child(440){ background: #E9A2B2; } +.swatch div:nth-child(441){ background: #DC8699; } +.swatch div:nth-child(442){ background: #8F3237; } +.swatch div:nth-child(443){ background: #7F3035; } +.swatch div:nth-child(444){ background: #5D2A2C; } +.swatch div:nth-child(445){ background: #E9C4C7; } +.swatch div:nth-child(446){ background: #E5BAC1; } +.swatch div:nth-child(447){ background: #DAA5AD; } +.swatch div:nth-child(448){ background: #C6858F; } +.swatch div:nth-child(449){ background: #7A3E3A; } +.swatch div:nth-child(450){ background: #6A3735; } +.swatch div:nth-child(451){ background: #512F2E; } +.swatch div:nth-child(452){ background: #DFC2C3; } +.swatch div:nth-child(453){ background: #DBB7BB; } +.swatch div:nth-child(454){ background: #CCA1A6; } +.swatch div:nth-child(455){ background: #B07C83; } +.swatch div:nth-child(456){ background: #9C6169; } +.swatch div:nth-child(457){ background: #874B52; } +.swatch div:nth-child(458){ background: #3F2021; } +.swatch div:nth-child(459){ background: #F1A7DC; } +.swatch div:nth-child(460){ background: #EC86D0; } +.swatch div:nth-child(461){ background: #E45DBF; } +.swatch div:nth-child(462){ background: #DB3EB1; } +.swatch div:nth-child(463){ background: #C5299B; } +.swatch div:nth-child(464){ background: #AF1685; } +.swatch div:nth-child(465){ background: #80225F; } +.swatch div:nth-child(466){ background: #EFBAE1; } +.swatch div:nth-child(467){ background: #E277CD; } +.swatch div:nth-child(468){ background: #D539B5; } +.swatch div:nth-child(469){ background: #C800A1; } +.swatch div:nth-child(470){ background: #B0008E; } +.swatch div:nth-child(471){ background: #9E007E; } +.swatch div:nth-child(472){ background: #830065; } +.swatch div:nth-child(473){ background: #EAB8E4; } +.swatch div:nth-child(474){ background: #E59BDC; } +.swatch div:nth-child(475){ background: #DD7FD3; } +.swatch div:nth-child(476){ background: #C724B1; } +.swatch div:nth-child(477){ background: #BB16A3; } +.swatch div:nth-child(478){ background: #A51890; } +.swatch div:nth-child(479){ background: #80276C; } +.swatch div:nth-child(480){ background: #A56E87; } +.swatch div:nth-child(481){ background: #A83D72; } +.swatch div:nth-child(482){ background: #8A1B61; } +.swatch div:nth-child(483){ background: #722257; } +.swatch div:nth-child(484){ background: #6A2A5B; } +.swatch div:nth-child(485){ background: #5E2751; } +.swatch div:nth-child(486){ background: #E7BAE4; } +.swatch div:nth-child(487){ background: #DD9CDF; } +.swatch div:nth-child(488){ background: #C964CF; } +.swatch div:nth-child(489){ background: #AD1AAC; } +.swatch div:nth-child(490){ background: #981D97; } +.swatch div:nth-child(491){ background: #72246C; } +.swatch div:nth-child(492){ background: #EBC6DF; } +.swatch div:nth-child(493){ background: #E6BEDD; } +.swatch div:nth-child(494){ background: #E2ACD7; } +.swatch div:nth-child(495){ background: #D48BC8; } +.swatch div:nth-child(496){ background: #93328E; } +.swatch div:nth-child(497){ background: #833177; } +.swatch div:nth-child(498){ background: #612C51; } +.swatch div:nth-child(499){ background: #EEDAEA; } +.swatch div:nth-child(500){ background: #CCAED0; } +.swatch div:nth-child(501){ background: #D59ED7; } +.swatch div:nth-child(502){ background: #B288B9; } +.swatch div:nth-child(503){ background: #A277A6; } +.swatch div:nth-child(504){ background: #9F5CC0; } +.swatch div:nth-child(505){ background: #963CBD; } +.swatch div:nth-child(506){ background: #D7A9E3; } +.swatch div:nth-child(507){ background: #C98BDB; } +.swatch div:nth-child(508){ background: #AC4FC6; } +.swatch div:nth-child(509){ background: #9B26B6; } +.swatch div:nth-child(510){ background: #87189D; } +.swatch div:nth-child(511){ background: #772583; } +.swatch div:nth-child(512){ background: #653165; } +.swatch div:nth-child(513){ background: #948794; } +.swatch div:nth-child(514){ background: #A2789C; } +.swatch div:nth-child(515){ background: #A15A95; } +.swatch div:nth-child(516){ background: #8E3A80; } +.swatch div:nth-child(517){ background: #6E2B62; } +.swatch div:nth-child(518){ background: #6A3460; } +.swatch div:nth-child(519){ background: #5D3754; } +.swatch div:nth-child(520){ background: #D5C2D8; } +.swatch div:nth-child(521){ background: #C9B1D0; } +.swatch div:nth-child(522){ background: #BA9CC5; } +.swatch div:nth-child(523){ background: #A57FB2; } +.swatch div:nth-child(524){ background: #642F6C; } +.swatch div:nth-child(525){ background: #59315F; } +.swatch div:nth-child(526){ background: #4B3048; } +.swatch div:nth-child(527){ background: #DBCDD3; } +.swatch div:nth-child(528){ background: #D0BEC7; } +.swatch div:nth-child(529){ background: #C6B0BC; } +.swatch div:nth-child(530){ background: #AF95A6; } +.swatch div:nth-child(531){ background: #86647A; } +.swatch div:nth-child(532){ background: #66435A; } +.swatch div:nth-child(533){ background: #4A3041; } +.swatch div:nth-child(534){ background: #D8C8D1; } +.swatch div:nth-child(535){ background: #D3C0CD; } +.swatch div:nth-child(536){ background: #BFA5B8; } +.swatch div:nth-child(537){ background: #9B7793; } +.swatch div:nth-child(538){ background: #7E5475; } +.swatch div:nth-child(539){ background: #693C5E; } +.swatch div:nth-child(540){ background: #512A44; } +.swatch div:nth-child(541){ background: #DFC8E7; } +.swatch div:nth-child(542){ background: #D7B9E4; } +.swatch div:nth-child(543){ background: #CAA2DD; } +.swatch div:nth-child(544){ background: #B580D1; } +.swatch div:nth-child(545){ background: #8031A7; } +.swatch div:nth-child(546){ background: #702F8A; } +.swatch div:nth-child(547){ background: #572C5F; } +.swatch div:nth-child(548){ background: #D6BFDD; } +.swatch div:nth-child(549){ background: #C6A1CF; } +.swatch div:nth-child(550){ background: #8C4799; } +.swatch div:nth-child(551){ background: #6D2077; } +.swatch div:nth-child(552){ background: #642667; } +.swatch div:nth-child(553){ background: #5D285F; } +.swatch div:nth-child(554){ background: #51284F; } +.swatch div:nth-child(555){ background: #CBA3D8; } +.swatch div:nth-child(556){ background: #B884CB; } +.swatch div:nth-child(557){ background: #A05EB5; } +.swatch div:nth-child(558){ background: #84329B; } +.swatch div:nth-child(559){ background: #702082; } +.swatch div:nth-child(560){ background: #5F2167; } +.swatch div:nth-child(561){ background: #9991A4; } +.swatch div:nth-child(562){ background: #8D6E97; } +.swatch div:nth-child(563){ background: #7A4183; } +.swatch div:nth-child(564){ background: #6B3077; } +.swatch div:nth-child(565){ background: #653279; } +.swatch div:nth-child(566){ background: #5E366E; } +.swatch div:nth-child(567){ background: #5C4E63; } +.swatch div:nth-child(568){ background: #C1A0DA; } +.swatch div:nth-child(569){ background: #A77BCA; } +.swatch div:nth-child(570){ background: #8246AF; } +.swatch div:nth-child(571){ background: #5C068C; } +.swatch div:nth-child(572){ background: #500778; } +.swatch div:nth-child(573){ background: #470A68; } +.swatch div:nth-child(574){ background: #3C1053; } +.swatch div:nth-child(575){ background: #D7C6E6; } +.swatch div:nth-child(576){ background: #C1A7E2; } +.swatch div:nth-child(577){ background: #9063CD; } +.swatch div:nth-child(578){ background: #753BBD; } +.swatch div:nth-child(579){ background: #5F259F; } +.swatch div:nth-child(580){ background: #582C83; } +.swatch div:nth-child(581){ background: #512D6D; } +.swatch div:nth-child(582){ background: #C5B4E3; } +.swatch div:nth-child(583){ background: #AD96DC; } +.swatch div:nth-child(584){ background: #9678D3; } +.swatch div:nth-child(585){ background: #7D55C7; } +.swatch div:nth-child(586){ background: #330072; } +.swatch div:nth-child(587){ background: #2E1A47; } +.swatch div:nth-child(588){ background: #B4B5DF; } +.swatch div:nth-child(589){ background: #9595D2; } +.swatch div:nth-child(590){ background: #7474C1; } +.swatch div:nth-child(591){ background: #24135F; } +.swatch div:nth-child(592){ background: #211551; } +.swatch div:nth-child(593){ background: #201747; } +.swatch div:nth-child(594){ background: #221C35; } +.swatch div:nth-child(595){ background: #A7A4E0; } +.swatch div:nth-child(596){ background: #8B84D7; } +.swatch div:nth-child(597){ background: #685BC7; } +.swatch div:nth-child(598){ background: #2E008B; } +.swatch div:nth-child(599){ background: #280071; } +.swatch div:nth-child(600){ background: #201547; } +.swatch div:nth-child(601){ background: #6E7CA0; } +.swatch div:nth-child(602){ background: #686E9F; } +.swatch div:nth-child(603){ background: #615E9B; } +.swatch div:nth-child(604){ background: #565294; } +.swatch div:nth-child(605){ background: #514689; } +.swatch div:nth-child(606){ background: #4C4184; } +.swatch div:nth-child(607){ background: #535486; } +.swatch div:nth-child(608){ background: #DDDAE8; } +.swatch div:nth-child(609){ background: #B6B8DC; } +.swatch div:nth-child(610){ background: #A7A2C3; } +.swatch div:nth-child(611){ background: #8986CA; } +.swatch div:nth-child(612){ background: #5D4777; } +.swatch div:nth-child(613){ background: #4B384C; } +.swatch div:nth-child(614){ background: #41273B; } +.swatch div:nth-child(615){ background: #878CB4; } +.swatch div:nth-child(616){ background: #7C7FAB; } +.swatch div:nth-child(617){ background: #7566A0; } +.swatch div:nth-child(618){ background: #6F5091; } +.swatch div:nth-child(619){ background: #68478D; } +.swatch div:nth-child(620){ background: #563D82; } +.swatch div:nth-child(621){ background: #523178; } +.swatch div:nth-child(622){ background: #E5E1E6; } +.swatch div:nth-child(623){ background: #E0DBE3; } +.swatch div:nth-child(624){ background: #C6BCD0; } +.swatch div:nth-child(625){ background: #A192B2; } +.swatch div:nth-child(626){ background: #7C6992; } +.swatch div:nth-child(627){ background: #614B79; } +.swatch div:nth-child(628){ background: #3F2A56; } +.swatch div:nth-child(629){ background: #D8D7DF; } +.swatch div:nth-child(630){ background: #C6C4D2; } +.swatch div:nth-child(631){ background: #B3B0C4; } +.swatch div:nth-child(632){ background: #8D89A5; } +.swatch div:nth-child(633){ background: #595478; } +.swatch div:nth-child(634){ background: #403A60; } +.swatch div:nth-child(635){ background: #1E1A34; } +.swatch div:nth-child(636){ background: #C5CFDA; } +.swatch div:nth-child(637){ background: #BBC7D6; } +.swatch div:nth-child(638){ background: #A2B2C8; } +.swatch div:nth-child(639){ background: #8E9FBC; } +.swatch div:nth-child(640){ background: #1B365D; } +.swatch div:nth-child(641){ background: #1F2A44; } +.swatch div:nth-child(642){ background: #1C1F2A; } +.swatch div:nth-child(643){ background: #D9E1E2; } +.swatch div:nth-child(644){ background: #A4BCC2; } +.swatch div:nth-child(645){ background: #98A4AE; } +.swatch div:nth-child(646){ background: #768692; } +.swatch div:nth-child(647){ background: #425563; } +.swatch div:nth-child(648){ background: #253746; } +.swatch div:nth-child(649){ background: #B9D3DC; } +.swatch div:nth-child(650){ background: #A3C7D2; } +.swatch div:nth-child(651){ background: #8DB9CA; } +.swatch div:nth-child(652){ background: #6BA4B8; } +.swatch div:nth-child(653){ background: #003D4C; } +.swatch div:nth-child(654){ background: #00313C; } +.swatch div:nth-child(655){ background: #072B31; } +.swatch div:nth-child(656){ background: #BFCED6; } +.swatch div:nth-child(657){ background: #B7C9D3; } +.swatch div:nth-child(658){ background: #A6BBC8; } +.swatch div:nth-child(659){ background: #7A99AC; } +.swatch div:nth-child(660){ background: #5B7F95; } +.swatch div:nth-child(661){ background: #4F758B; } +.swatch div:nth-child(662){ background: #081F2C; } +.swatch div:nth-child(663){ background: #D1DDE6; } +.swatch div:nth-child(664){ background: #C6D6E3; } +.swatch div:nth-child(665){ background: #9BB8D3; } +.swatch div:nth-child(666){ background: #7DA1C4; } +.swatch div:nth-child(667){ background: #5E8AB4; } +.swatch div:nth-child(668){ background: #236192; } +.swatch div:nth-child(669){ background: #002E5D; } +.swatch div:nth-child(670){ background: #DBE2E9; } +.swatch div:nth-child(671){ background: #CED9E5; } +.swatch div:nth-child(672){ background: #A7BCD6; } +.swatch div:nth-child(673){ background: #7D9BC1; } +.swatch div:nth-child(674){ background: #326295; } +.swatch div:nth-child(675){ background: #003A70; } +.swatch div:nth-child(676){ background: #2554; } +.swatch div:nth-child(677){ background: #DDE5ED; } +.swatch div:nth-child(678){ background: #C8D8EB; } +.swatch div:nth-child(679){ background: #B1C9E8; } +.swatch div:nth-child(680){ background: #7BA4DB; } +.swatch div:nth-child(681){ background: #407EC9; } +.swatch div:nth-child(682){ background: #3594; } +.swatch div:nth-child(683){ background: #001A70; } +.swatch div:nth-child(684){ background: #BDC5DB; } +.swatch div:nth-child(685){ background: #89ABE3; } +.swatch div:nth-child(686){ background: #8094DD; } +.swatch div:nth-child(687){ background: #7BA6DE; } +.swatch div:nth-child(688){ background: #5F8FB4; } +.swatch div:nth-child(689){ background: #3A5DAE; } +.swatch div:nth-child(690){ background: #606EB2; } +.swatch div:nth-child(691){ background: #CBD3EB; } +.swatch div:nth-child(692){ background: #9FAEE5; } +.swatch div:nth-child(693){ background: #485CC7; } +.swatch div:nth-child(694){ background: #1E22AA; } +.swatch div:nth-child(695){ background: #171C8F; } +.swatch div:nth-child(696){ background: #151F6D; } +.swatch div:nth-child(697){ background: #141B4D; } +.swatch div:nth-child(698){ background: #B8CCEA; } +.swatch div:nth-child(699){ background: #5C88DA; } +.swatch div:nth-child(700){ background: #0047BB; } +.swatch div:nth-child(701){ background: #06038D; } +.swatch div:nth-child(702){ background: #1871; } +.swatch div:nth-child(703){ background: whitesmoke; } +.swatch div:nth-child(704){ background: #071D49; } +.swatch div:nth-child(705){ background: #C3D7EE; } +.swatch div:nth-child(706){ background: #A7C6ED; } +.swatch div:nth-child(707){ background: #307FE2; } +.swatch div:nth-child(708){ background: #001A72; } +.swatch div:nth-child(709){ background: #1E4460; } +.swatch div:nth-child(710){ background: #13294B; } +.swatch div:nth-child(711){ background: #ABCAE9; } +.swatch div:nth-child(712){ background: #8BB8E8; } +.swatch div:nth-child(713){ background: #418FDE; } +.swatch div:nth-child(714){ background: cyan; } +.swatch div:nth-child(715){ background: #00205B; } +.swatch div:nth-child(716){ background: #441E43; } +.swatch div:nth-child(717){ background: #92C1E9; } +.swatch div:nth-child(718){ background: #6CACE4; } +.swatch div:nth-child(719){ background: #0072CE; } +.swatch div:nth-child(720){ background: #0033A0; } +.swatch div:nth-child(721){ background: #3087; } +.swatch div:nth-child(722){ background: #002D72; } +.swatch div:nth-child(723){ background: #0C2340; } +.swatch div:nth-child(724){ background: #94A9CB; } +.swatch div:nth-child(725){ background: #6787B7; } +.swatch div:nth-child(726){ background: #426DA9; } +.swatch div:nth-child(727){ background: #385E9D; } +.swatch div:nth-child(728){ background: #2C5697; } +.swatch div:nth-child(729){ background: #1D4F91; } +.swatch div:nth-child(730){ background: #1D428A; } +.swatch div:nth-child(731){ background: #C6DAE7; } +.swatch div:nth-child(732){ background: #BDD6E6; } +.swatch div:nth-child(733){ background: #A4C8E1; } +.swatch div:nth-child(734){ background: #7BAFD4; } +.swatch div:nth-child(735){ background: #003C71; } +.swatch div:nth-child(736){ background: #3057; } +.swatch div:nth-child(737){ background: #00263A; } +.swatch div:nth-child(738){ background: #B9D9EB; } +.swatch div:nth-child(739){ background: #9BCBEB; } +.swatch div:nth-child(740){ background: #69B3E7; } +.swatch div:nth-child(741){ background: #003DA5; } +.swatch div:nth-child(742){ background: #002F6C; } +.swatch div:nth-child(743){ background: #2855; } +.swatch div:nth-child(744){ background: #041C2C; } +.swatch div:nth-child(745){ background: #8DC8E8; } +.swatch div:nth-child(746){ background: #62B5E5; } +.swatch div:nth-child(747){ background: #009CDE; } +.swatch div:nth-child(748){ background: #0057B8; } +.swatch div:nth-child(749){ background: #004C97; } +.swatch div:nth-child(750){ background: #3865; } +.swatch div:nth-child(751){ background: #00263E; } +.swatch div:nth-child(752){ background: #71C5E8; } +.swatch div:nth-child(753){ background: #41B6E6; } +.swatch div:nth-child(754){ background: #00A3E0; } +.swatch div:nth-child(755){ background: #005EB8; } +.swatch div:nth-child(756){ background: #004B87; } +.swatch div:nth-child(757){ background: #003B5C; } +.swatch div:nth-child(758){ background: #002A3A; } +.swatch div:nth-child(759){ background: #4698CB; } +.swatch div:nth-child(760){ background: #298FC2; } +.swatch div:nth-child(761){ background: #0076A8; } +.swatch div:nth-child(762){ background: #6298; } +.swatch div:nth-child(763){ background: #5587; } +.swatch div:nth-child(764){ background: #4976; } +.swatch div:nth-child(765){ background: #01426A; } +.swatch div:nth-child(766){ background: #99D6EA; } +.swatch div:nth-child(767){ background: #5BC2E7; } +.swatch div:nth-child(768){ background: #00A9E0; } +.swatch div:nth-child(769){ background: #0077C8; } +.swatch div:nth-child(770){ background: #00629B; } +.swatch div:nth-child(771){ background: #004F71; } +.swatch div:nth-child(772){ background: #3E4451; } +.swatch div:nth-child(773){ background: #7BA7BC; } +.swatch div:nth-child(774){ background: #6399AE; } +.swatch div:nth-child(775){ background: #4E87A0; } +.swatch div:nth-child(776){ background: #41748D; } +.swatch div:nth-child(777){ background: #34657F; } +.swatch div:nth-child(778){ background: #165C7D; } +.swatch div:nth-child(779){ background: #5776; } +.swatch div:nth-child(780){ background: #BBDDE6; } +.swatch div:nth-child(781){ background: #71B2C9; } +.swatch div:nth-child(782){ background: #4298B5; } +.swatch div:nth-child(783){ background: #0086BF; } +.swatch div:nth-child(784){ background: #007DBA; } +.swatch div:nth-child(785){ background: #00558C; } +.swatch div:nth-child(786){ background: #002B49; } +.swatch div:nth-child(787){ background: #9ADBE8; } +.swatch div:nth-child(788){ background: #59CBE8; } +.swatch div:nth-child(789){ background: #00B5E2; } +.swatch div:nth-child(790){ background: #006BA6; } +.swatch div:nth-child(791){ background: #00587C; } +.swatch div:nth-child(792){ background: #003B49; } +.swatch div:nth-child(793){ background: #A4DBE8; } +.swatch div:nth-child(794){ background: #8BD3E6; } +.swatch div:nth-child(795){ background: #4EC3E0; } +.swatch div:nth-child(796){ background: #00AFD7; } +.swatch div:nth-child(797){ background: #0095C8; } +.swatch div:nth-child(798){ background: #0082BA; } +.swatch div:nth-child(799){ background: #0067A0; } +.swatch div:nth-child(800){ background: #48A9C5; } +.swatch div:nth-child(801){ background: #009CBD; } +.swatch div:nth-child(802){ background: #0085AD; } +.swatch div:nth-child(803){ background: #7096; } +.swatch div:nth-child(804){ background: #006A8E; } +.swatch div:nth-child(805){ background: #00617F; } +.swatch div:nth-child(806){ background: #5670; } +.swatch div:nth-child(807){ background: #B8DDE1; } +.swatch div:nth-child(808){ background: #9BD3DD; } +.swatch div:nth-child(809){ background: #77C5D5; } +.swatch div:nth-child(810){ background: #3EB1C8; } +.swatch div:nth-child(811){ background: #0093B2; } +.swatch div:nth-child(812){ background: #7396; } +.swatch div:nth-child(813){ background: #005F83; } +.swatch div:nth-child(814){ background: #6AD1E3; } +.swatch div:nth-child(815){ background: #05C3DE; } +.swatch div:nth-child(816){ background: #00A9CE; } +.swatch div:nth-child(817){ background: #0092BC; } +.swatch div:nth-child(818){ background: #007FA3; } +.swatch div:nth-child(819){ background: #00677F; } +.swatch div:nth-child(820){ background: #4851; } +.swatch div:nth-child(821){ background: #68D2DF; } +.swatch div:nth-child(822){ background: #00C1D5; } +.swatch div:nth-child(823){ background: #00AEC7; } +.swatch div:nth-child(824){ background: #008EAA; } +.swatch div:nth-child(825){ background: #00778B; } +.swatch div:nth-child(826){ background: #6272; } +.swatch div:nth-child(827){ background: #004F59; } +.swatch div:nth-child(828){ background: #63B1BC; } +.swatch div:nth-child(829){ background: #00A7B5; } +.swatch div:nth-child(830){ background: #0097A9; } +.swatch div:nth-child(831){ background: #00859B; } +.swatch div:nth-child(832){ background: #007D8A; } +.swatch div:nth-child(833){ background: #7680; } +.swatch div:nth-child(834){ background: #6269; } +.swatch div:nth-child(835){ background: #B1E4E3; } +.swatch div:nth-child(836){ background: #88DBDF; } +.swatch div:nth-child(837){ background: #2DCCD3; } +.swatch div:nth-child(838){ background: #009CA6; } +.swatch div:nth-child(839){ background: #008C95; } +.swatch div:nth-child(840){ background: #7377; } +.swatch div:nth-child(841){ background: #005F61; } +.swatch div:nth-child(842){ background: #A0D1CA; } +.swatch div:nth-child(843){ background: #40C1AC; } +.swatch div:nth-child(844){ background: #00B0B9; } +.swatch div:nth-child(845){ background: #00A3AD; } +.swatch div:nth-child(846){ background: #7398; } +.swatch div:nth-child(847){ background: #005F86; } +.swatch div:nth-child(848){ background: #005A70; } +.swatch div:nth-child(849){ background: #7EDDD3; } +.swatch div:nth-child(850){ background: #5CB8B2; } +.swatch div:nth-child(851){ background: #279989; } +.swatch div:nth-child(852){ background: #7681; } +.swatch div:nth-child(853){ background: #487A7B; } +.swatch div:nth-child(854){ background: #0D5257; } +.swatch div:nth-child(855){ background: #244C5A; } +.swatch div:nth-child(856){ background: #B6CFD0; } +.swatch div:nth-child(857){ background: #ABC7CA; } +.swatch div:nth-child(858){ background: #94B7BB; } +.swatch div:nth-child(859){ background: #7FA9AE; } +.swatch div:nth-child(860){ background: #4F868E; } +.swatch div:nth-child(861){ background: #07272D; } +.swatch div:nth-child(862){ background: #00968F; } +.swatch div:nth-child(863){ background: #00857D; } +.swatch div:nth-child(864){ background: #7672; } +.swatch div:nth-child(865){ background: #006D68; } +.swatch div:nth-child(866){ background: #00635B; } +.swatch div:nth-child(867){ background: #005E5D; } +.swatch div:nth-child(868){ background: #5151; } +.swatch div:nth-child(869){ background: #9CDBD9; } +.swatch div:nth-child(870){ background: #64CCC9; } +.swatch div:nth-child(871){ background: #00B2A9; } +.swatch div:nth-child(872){ background: #8675; } +.swatch div:nth-child(873){ background: #7367; } +.swatch div:nth-child(874){ background: #00685E; } +.swatch div:nth-child(875){ background: #00534C; } +.swatch div:nth-child(876){ background: #71DBD4; } +.swatch div:nth-child(877){ background: #2AD2C9; } +.swatch div:nth-child(878){ background: #00BFB3; } +.swatch div:nth-child(879){ background: #00A499; } +.swatch div:nth-child(880){ background: #8578; } +.swatch div:nth-child(881){ background: #00594F; } +.swatch div:nth-child(882){ background: #004C45; } +.swatch div:nth-child(883){ background: #7CE0D3; } +.swatch div:nth-child(884){ background: #2CD5C4; } +.swatch div:nth-child(885){ background: #00C7B1; } +.swatch div:nth-child(886){ background: #00B398; } +.swatch div:nth-child(887){ background: #9681; } +.swatch div:nth-child(888){ background: #7864; } +.swatch div:nth-child(889){ background: #473E42; } +.swatch div:nth-child(890){ background: #6DCDB8; } +.swatch div:nth-child(891){ background: #49C5B1; } +.swatch div:nth-child(892){ background: #00AB8E; } +.swatch div:nth-child(893){ background: #009B77; } +.swatch div:nth-child(894){ background: #8264; } +.swatch div:nth-child(895){ background: #006A52; } +.swatch div:nth-child(896){ background: magenta; } +.swatch div:nth-child(897){ background: #B9DCD2; } +.swatch div:nth-child(898){ background: #A1D6CA; } +.swatch div:nth-child(899){ background: #86C8BC; } +.swatch div:nth-child(900){ background: #6BBBAE; } +.swatch div:nth-child(901){ background: #006F62; } +.swatch div:nth-child(902){ background: #00594C; } +.swatch div:nth-child(903){ background: #1D3C34; } +.swatch div:nth-child(904){ background: #B5E3D8; } +.swatch div:nth-child(905){ background: #A5DFD3; } +.swatch div:nth-child(906){ background: #98DBCE; } +.swatch div:nth-child(907){ background: #6BCABA; } +.swatch div:nth-child(908){ background: #00816D; } +.swatch div:nth-child(909){ background: #006C5B; } +.swatch div:nth-child(910){ background: #173F35; } +.swatch div:nth-child(911){ background: #ADCAB8; } +.swatch div:nth-child(912){ background: #9ABEAA; } +.swatch div:nth-child(913){ background: #85B09A; } +.swatch div:nth-child(914){ background: #6FA287; } +.swatch div:nth-child(915){ background: #28724F; } +.swatch div:nth-child(916){ background: #205C40; } +.swatch div:nth-child(917){ background: #284734; } +.swatch div:nth-child(918){ background: #BFCEC2; } +.swatch div:nth-child(919){ background: #A7BDB1; } +.swatch div:nth-child(920){ background: #92ACA0; } +.swatch div:nth-child(921){ background: #7F9C90; } +.swatch div:nth-child(922){ background: #5C7F71; } +.swatch div:nth-child(923){ background: #43695B; } +.swatch div:nth-child(924){ background: #183028; } +.swatch div:nth-child(925){ background: #BAC5B9; } +.swatch div:nth-child(926){ background: #B0BDB0; } +.swatch div:nth-child(927){ background: #A3B2A4; } +.swatch div:nth-child(928){ background: #94A596; } +.swatch div:nth-child(929){ background: #708573; } +.swatch div:nth-child(930){ background: #5E7461; } +.swatch div:nth-child(931){ background: #22372B; } +.swatch div:nth-child(932){ background: #BCC9C5; } +.swatch div:nth-child(933){ background: #B1C0BC; } +.swatch div:nth-child(934){ background: #9DB0AC; } +.swatch div:nth-child(935){ background: #829995; } +.swatch div:nth-child(936){ background: #5D7975; } +.swatch div:nth-child(937){ background: #3E5D58; } +.swatch div:nth-child(938){ background: #18332F; } +.swatch div:nth-child(939){ background: #D1E0D7; } +.swatch div:nth-child(940){ background: #B7CDC2; } +.swatch div:nth-child(941){ background: #9AB9AD; } +.swatch div:nth-child(942){ background: #789F90; } +.swatch div:nth-child(943){ background: #507F70; } +.swatch div:nth-child(944){ background: #285C4D; } +.swatch div:nth-child(945){ background: #13322B; } +.swatch div:nth-child(946){ background: #A7E6D7; } +.swatch div:nth-child(947){ background: #8CE2D0; } +.swatch div:nth-child(948){ background: #3CDBC0; } +.swatch div:nth-child(949){ background: #9775; } +.swatch div:nth-child(950){ background: #007B5F; } +.swatch div:nth-child(951){ background: #00664F; } +.swatch div:nth-child(952){ background: #8FD6BD; } +.swatch div:nth-child(953){ background: #6ECEB2; } +.swatch div:nth-child(954){ background: #00B388; } +.swatch div:nth-child(955){ background: #00965E; } +.swatch div:nth-child(956){ background: #007A53; } +.swatch div:nth-child(957){ background: #6747; } +.swatch div:nth-child(958){ background: #115740; } +.swatch div:nth-child(959){ background: #50A684; } +.swatch div:nth-child(960){ background: #00966C; } +.swatch div:nth-child(961){ background: #8755; } +.swatch div:nth-child(962){ background: #007B4B; } +.swatch div:nth-child(963){ background: #006F44; } +.swatch div:nth-child(964){ background: #6845; } +.swatch div:nth-child(965){ background: #5844; } +.swatch div:nth-child(966){ background: #7AE1BF; } +.swatch div:nth-child(967){ background: #47D7AC; } +.swatch div:nth-child(968){ background: #00C389; } +.swatch div:nth-child(969){ background: #00AF66; } +.swatch div:nth-child(970){ background: #7749; } +.swatch div:nth-child(971){ background: #6341; } +.swatch div:nth-child(972){ background: #154734; } +.swatch div:nth-child(973){ background: #A0DAB3; } +.swatch div:nth-child(974){ background: #91D6AC; } +.swatch div:nth-child(975){ background: #71CC98; } +.swatch div:nth-child(976){ background: #009A44; } +.swatch div:nth-child(977){ background: #00843D; } +.swatch div:nth-child(978){ background: #046A38; } +.swatch div:nth-child(979){ background: #2C5234; } +.swatch div:nth-child(980){ background: #A2E4B8; } +.swatch div:nth-child(981){ background: #8FE2B0; } +.swatch div:nth-child(982){ background: #80E0A7; } +.swatch div:nth-child(983){ background: #00B140; } +.swatch div:nth-child(984){ background: #9639; } +.swatch div:nth-child(985){ background: #007A33; } +.swatch div:nth-child(986){ background: #215732; } +.swatch div:nth-child(987){ background: #9BE3BF; } +.swatch div:nth-child(988){ background: #26D07C; } +.swatch div:nth-child(989){ background: #00BF6F; } +.swatch div:nth-child(990){ background: #00B74F; } +.swatch div:nth-child(991){ background: #009F4D; } +.swatch div:nth-child(992){ background: #275D38; } +.swatch div:nth-child(993){ background: #00573F; } +.swatch div:nth-child(994){ background: #4B9560; } +.swatch div:nth-child(995){ background: #228848; } +.swatch div:nth-child(996){ background: #007A3E; } +.swatch div:nth-child(997){ background: #7041; } +.swatch div:nth-child(998){ background: #286140; } +.swatch div:nth-child(999){ background: #36573B; } +.swatch div:nth-child(1000){ background: #395542; } +.swatch div:nth-child(1001){ background: #6BA539; } +.swatch div:nth-child(1002){ background: #48A23F; } +.swatch div:nth-child(1003){ background: #319B42; } +.swatch div:nth-child(1004){ background: #3A913F; } +.swatch div:nth-child(1005){ background: #44883E; } +.swatch div:nth-child(1006){ background: #4A773C; } +.swatch div:nth-child(1007){ background: #44693D; } +.swatch div:nth-child(1008){ background: #ADDC91; } +.swatch div:nth-child(1009){ background: #A1D884; } +.swatch div:nth-child(1010){ background: #6CC24A; } +.swatch div:nth-child(1011){ background: #43B02A; } +.swatch div:nth-child(1012){ background: #509E2F; } +.swatch div:nth-child(1013){ background: #4C8C2B; } +.swatch div:nth-child(1014){ background: #4A7729; } +.swatch div:nth-child(1015){ background: #D0DEBB; } +.swatch div:nth-child(1016){ background: #BCE194; } +.swatch div:nth-child(1017){ background: #8EDD65; } +.swatch div:nth-child(1018){ background: #78D64B; } +.swatch div:nth-child(1019){ background: #74AA50; } +.swatch div:nth-child(1020){ background: #719949; } +.swatch div:nth-child(1021){ background: #79863C; } +.swatch div:nth-child(1022){ background: #C2E189; } +.swatch div:nth-child(1023){ background: #B7DD79; } +.swatch div:nth-child(1024){ background: #A4D65E; } +.swatch div:nth-child(1025){ background: #78BE20; } +.swatch div:nth-child(1026){ background: #64A70B; } +.swatch div:nth-child(1027){ background: #658D1B; } +.swatch div:nth-child(1028){ background: #546223; } +.swatch div:nth-child(1029){ background: #D4EB8E; } +.swatch div:nth-child(1030){ background: #CDEA80; } +.swatch div:nth-child(1031){ background: #C5E86C; } +.swatch div:nth-child(1032){ background: #97D700; } +.swatch div:nth-child(1033){ background: #84BD00; } +.swatch div:nth-child(1034){ background: #7A9A01; } +.swatch div:nth-child(1035){ background: #59621D; } +.swatch div:nth-child(1036){ background: #C4D6A4; } +.swatch div:nth-child(1037){ background: #BCD19B; } +.swatch div:nth-child(1038){ background: #B7CE95; } +.swatch div:nth-child(1039){ background: #A9C47F; } +.swatch div:nth-child(1040){ background: #789D4A; } +.swatch div:nth-child(1041){ background: #67823A; } +.swatch div:nth-child(1042){ background: #4E5B31; } +.swatch div:nth-child(1043){ background: #D0D1AB; } +.swatch div:nth-child(1044){ background: #C6C89B; } +.swatch div:nth-child(1045){ background: #BABD8B; } +.swatch div:nth-child(1046){ background: #A2A569; } +.swatch div:nth-child(1047){ background: #8A8D4A; } +.swatch div:nth-child(1048){ background: #6D712E; } +.swatch div:nth-child(1049){ background: #3D441E; } +.swatch div:nth-child(1050){ background: #D2CE9E; } +.swatch div:nth-child(1051){ background: #CBC793; } +.swatch div:nth-child(1052){ background: #C0BB87; } +.swatch div:nth-child(1053){ background: #AFA96E; } +.swatch div:nth-child(1054){ background: #A09958; } +.swatch div:nth-child(1055){ background: #89813D; } +.swatch div:nth-child(1056){ background: #555025; } +.swatch div:nth-child(1057){ background: #C3C6A8; } +.swatch div:nth-child(1058){ background: #B3B995; } +.swatch div:nth-child(1059){ background: #A3AA83; } +.swatch div:nth-child(1060){ background: #899064; } +.swatch div:nth-child(1061){ background: #737B4C; } +.swatch div:nth-child(1062){ background: #5E6738; } +.swatch div:nth-child(1063){ background: #3E4827; } +.swatch div:nth-child(1064){ background: #BFCC80; } +.swatch div:nth-child(1065){ background: #BBC592; } +.swatch div:nth-child(1066){ background: #9CAF88; } +.swatch div:nth-child(1067){ background: #8F993E; } +.swatch div:nth-child(1068){ background: #76881D; } +.swatch div:nth-child(1069){ background: #7A7256; } +.swatch div:nth-child(1070){ background: #5B6236; } +.swatch div:nth-child(1071){ background: #BABC16; } +.swatch div:nth-child(1072){ background: #ABAD23; } +.swatch div:nth-child(1073){ background: #999B30; } +.swatch div:nth-child(1074){ background: #888D30; } +.swatch div:nth-child(1075){ background: #7C8034; } +.swatch div:nth-child(1076){ background: #727337; } +.swatch div:nth-child(1077){ background: #656635; } +.swatch div:nth-child(1078){ background: #E2E868; } +.swatch div:nth-child(1079){ background: #DBE442; } +.swatch div:nth-child(1080){ background: #CEDC00; } +.swatch div:nth-child(1081){ background: #C4D600; } +.swatch div:nth-child(1082){ background: #A8AD00; } +.swatch div:nth-child(1083){ background: #949300; } +.swatch div:nth-child(1084){ background: #787121; } +.swatch div:nth-child(1085){ background: #E9EC6B; } +.swatch div:nth-child(1086){ background: #E3E935; } +.swatch div:nth-child(1087){ background: #E0E721; } +.swatch div:nth-child(1088){ background: #D0DF00; } +.swatch div:nth-child(1089){ background: #B5BD00; } +.swatch div:nth-child(1090){ background: #9A9500; } +.swatch div:nth-child(1091){ background: #827A04; } +.swatch div:nth-child(1092){ background: #E3E48D; } +.swatch div:nth-child(1093){ background: #E0E27C; } +.swatch div:nth-child(1094){ background: #DBDE70; } +.swatch div:nth-child(1095){ background: #D2D755; } +.swatch div:nth-child(1096){ background: #B7BF10; } +.swatch div:nth-child(1097){ background: #8E8C13; } +.swatch div:nth-child(1098){ background: #625D20; } +.swatch div:nth-child(1099){ background: #F0EC74; } +.swatch div:nth-child(1100){ background: #EDE939; } +.swatch div:nth-child(1101){ background: #ECE81A; } +.swatch div:nth-child(1102){ background: #E1E000; } +.swatch div:nth-child(1103){ background: #BFB800; } +.swatch div:nth-child(1104){ background: #ADA400; } +.swatch div:nth-child(1105){ background: #A09200; } +.swatch div:nth-child(1106){ background: #F3EA5D; } +.swatch div:nth-child(1107){ background: #F3E500; } +.swatch div:nth-child(1108){ background: #EFDF00; } +.swatch div:nth-child(1109){ background: #EEDC00; } +.swatch div:nth-child(1110){ background: #BBA600; } +.swatch div:nth-child(1111){ background: #9A8700; } +.swatch div:nth-child(1112){ background: #685C20; } +.swatch div:nth-child(1113){ background: #F1EB9C; } +.swatch div:nth-child(1114){ background: #F0E991; } +.swatch div:nth-child(1115){ background: #F0E87B; } +.swatch div:nth-child(1116){ background: #EDE04B; } +.swatch div:nth-child(1117){ background: #EADA24; } +.swatch div:nth-child(1118){ background: #E1CD00; } +.swatch div:nth-child(1119){ background: #CFB500; } +.swatch div:nth-child(1120){ background: #EBE49A; } +.swatch div:nth-child(1121){ background: #E9E186; } +.swatch div:nth-child(1122){ background: #E6DE77; } +.swatch div:nth-child(1123){ background: #E1D555; } +.swatch div:nth-child(1124){ background: #D7C826; } +.swatch div:nth-child(1125){ background: #C4B000; } +.swatch div:nth-child(1126){ background: #B39B00; } +.swatch div:nth-child(1127){ background: #E9DF97; } +.swatch div:nth-child(1128){ background: #E4D77E; } +.swatch div:nth-child(1129){ background: #DECD63; } +.swatch div:nth-child(1130){ background: #D9C756; } +.swatch div:nth-child(1131){ background: #B89D18; } +.swatch div:nth-child(1132){ background: #A28E2A; } +.swatch div:nth-child(1133){ background: #695B24; } +.swatch div:nth-child(1134){ background: #DCD59A; } +.swatch div:nth-child(1135){ background: #D6CF8D; } +.swatch div:nth-child(1136){ background: #D0C883; } +.swatch div:nth-child(1137){ background: #C0B561; } +.swatch div:nth-child(1138){ background: #AC9F3C; } +.swatch div:nth-child(1139){ background: #9F912A; } +.swatch div:nth-child(1140){ background: #8A7B19; } +.swatch div:nth-child(1141){ background: #CAB64B; } +.swatch div:nth-child(1142){ background: #CFB023; } +.swatch div:nth-child(1143){ background: #C1A01E; } +.swatch div:nth-child(1144){ background: #A08629; } +.swatch div:nth-child(1145){ background: #897630; } +.swatch div:nth-child(1146){ background: #736635; } +.swatch div:nth-child(1147){ background: cyan; } +.swatch div:nth-child(1148){ background: #D4C304; } +.swatch div:nth-child(1149){ background: #C4B200; } +.swatch div:nth-child(1150){ background: #91852C; } +.swatch div:nth-child(1151){ background: #747136; } +.swatch div:nth-child(1152){ background: #5D6439; } +.swatch div:nth-child(1153){ background: #585C3B; } +.swatch div:nth-child(1154){ background: #535435; } +.swatch div:nth-child(1155){ background: #BBB323; } +.swatch div:nth-child(1156){ background: #B4A91F; } +.swatch div:nth-child(1157){ background: #AA9D2E; } +.swatch div:nth-child(1158){ background: #8F7E35; } +.swatch div:nth-child(1159){ background: #716135; } +.swatch div:nth-child(1160){ background: #635939; } +.swatch div:nth-child(1161){ background: #4E4934; } +.swatch div:nth-child(1162){ background: #D5CB9F; } +.swatch div:nth-child(1163){ background: #CFC493; } +.swatch div:nth-child(1164){ background: #C5B783; } +.swatch div:nth-child(1165){ background: #B3A369; } +.swatch div:nth-child(1166){ background: #998542; } +.swatch div:nth-child(1167){ background: #8C7732; } +.swatch div:nth-child(1168){ background: #614F25; } +.swatch div:nth-child(1169){ background: #CAC7A7; } +.swatch div:nth-child(1170){ background: #BFBB98; } +.swatch div:nth-child(1171){ background: #B0AA7E; } +.swatch div:nth-child(1172){ background: #9B945F; } +.swatch div:nth-child(1173){ background: #594A25; } +.swatch div:nth-child(1174){ background: #524727; } +.swatch div:nth-child(1175){ background: #4A412A; } +.swatch div:nth-child(1176){ background: #F1E6B2; } +.swatch div:nth-child(1177){ background: #DFD1A7; } +.swatch div:nth-child(1178){ background: #D9C89E; } +.swatch div:nth-child(1179){ background: #CEB888; } +.swatch div:nth-child(1180){ background: #A89968; } +.swatch div:nth-child(1181){ background: #94795D; } +.swatch div:nth-child(1182){ background: #816040; } +.swatch div:nth-child(1183){ background: #DDCBA4; } +.swatch div:nth-child(1184){ background: #D3BC8D; } +.swatch div:nth-child(1185){ background: #C6AA76; } +.swatch div:nth-child(1186){ background: #B9975B; } +.swatch div:nth-child(1187){ background: #8B5B29; } +.swatch div:nth-child(1188){ background: #744F28; } +.swatch div:nth-child(1189){ background: #5C462B; } +.swatch div:nth-child(1190){ background: #EFDBB2; } +.swatch div:nth-child(1191){ background: #FCD299; } +.swatch div:nth-child(1192){ background: #E1B87F; } +.swatch div:nth-child(1193){ background: #D6A461; } +.swatch div:nth-child(1194){ background: #C6893F; } +.swatch div:nth-child(1195){ background: #B77729; } +.swatch div:nth-child(1196){ background: #A6631B; } +.swatch div:nth-child(1197){ background: #EDC8A3; } +.swatch div:nth-child(1198){ background: #E7B78A; } +.swatch div:nth-child(1199){ background: #DDA46F; } +.swatch div:nth-child(1200){ background: #C88242; } +.swatch div:nth-child(1201){ background: #B36924; } +.swatch div:nth-child(1202){ background: #934D11; } +.swatch div:nth-child(1203){ background: #7D3F16; } +.swatch div:nth-child(1204){ background: #F3CFB3; } +.swatch div:nth-child(1205){ background: #F1C6A7; } +.swatch div:nth-child(1206){ background: #F0BF9B; } +.swatch div:nth-child(1207){ background: #E59E6D; } +.swatch div:nth-child(1208){ background: #B86125; } +.swatch div:nth-child(1209){ background: #A45A2A; } +.swatch div:nth-child(1210){ background: #693F23; } +.swatch div:nth-child(1211){ background: #E0C09F; } +.swatch div:nth-child(1212){ background: #D9B48F; } +.swatch div:nth-child(1213){ background: #CDA077; } +.swatch div:nth-child(1214){ background: #B58150; } +.swatch div:nth-child(1215){ background: #9E652E; } +.swatch div:nth-child(1216){ background: #774212; } +.swatch div:nth-child(1217){ background: #623412; } +.swatch div:nth-child(1218){ background: #E0C6AD; } +.swatch div:nth-child(1219){ background: #DCBFA6; } +.swatch div:nth-child(1220){ background: #CDA788; } +.swatch div:nth-child(1221){ background: #BF9474; } +.swatch div:nth-child(1222){ background: #AD7C59; } +.swatch div:nth-child(1223){ background: #946037; } +.swatch div:nth-child(1224){ background: #4F2C1D; } +.swatch div:nth-child(1225){ background: #E1B7A7; } +.swatch div:nth-child(1226){ background: #D5A286; } +.swatch div:nth-child(1227){ background: #C58B68; } +.swatch div:nth-child(1228){ background: #99552B; } +.swatch div:nth-child(1229){ background: #85431E; } +.swatch div:nth-child(1230){ background: #6D4F47; } +.swatch div:nth-child(1231){ background: #5E4B3C; } +.swatch div:nth-child(1232){ background: #D7C4B7; } +.swatch div:nth-child(1233){ background: #CDB5A7; } +.swatch div:nth-child(1234){ background: #C0A392; } +.swatch div:nth-child(1235){ background: #AE8A79; } +.swatch div:nth-child(1236){ background: #956C58; } +.swatch div:nth-child(1237){ background: #7C4D3A; } +.swatch div:nth-child(1238){ background: #5B3427; } +.swatch div:nth-child(1239){ background: #DBC8B6; } +.swatch div:nth-child(1240){ background: #D3BBA8; } +.swatch div:nth-child(1241){ background: #C6A992; } +.swatch div:nth-child(1242){ background: #AA8066; } +.swatch div:nth-child(1243){ background: #703F2A; } +.swatch div:nth-child(1244){ background: #623B2A; } +.swatch div:nth-child(1245){ background: #4E3629; } +.swatch div:nth-child(1246){ background: #D6D2C4; } +.swatch div:nth-child(1247){ background: #C5B9AC; } +.swatch div:nth-child(1248){ background: #B7A99A; } +.swatch div:nth-child(1249){ background: #A39382; } +.swatch div:nth-child(1250){ background: #7A6855; } +.swatch div:nth-child(1251){ background: #63513D; } +.swatch div:nth-child(1252){ background: #473729; } +.swatch div:nth-child(1253){ background: #D1CCBD; } +.swatch div:nth-child(1254){ background: #B7B09C; } +.swatch div:nth-child(1255){ background: #A69F88; } +.swatch div:nth-child(1256){ background: #A7ACA2; } +.swatch div:nth-child(1257){ background: #949A90; } +.swatch div:nth-child(1258){ background: #8E9089; } +.swatch div:nth-child(1259){ background: #4B4F54; } +.swatch div:nth-child(1260){ background: #D0D3D4; } +.swatch div:nth-child(1261){ background: #C1C6C8; } +.swatch div:nth-child(1262){ background: #A2AAAD; } +.swatch div:nth-child(1263){ background: #7C878E; } +.swatch div:nth-child(1264){ background: #5B6770; } +.swatch div:nth-child(1265){ background: #333F48; } +.swatch div:nth-child(1266){ background: #1D252D; } +.swatch div:nth-child(1267){ background: #C7C9C7; } +.swatch div:nth-child(1268){ background: #B2B4B2; } +.swatch div:nth-child(1269){ background: #9EA2A2; } +.swatch div:nth-child(1270){ background: #898D8D; } +.swatch div:nth-child(1271){ background: #707372; } +.swatch div:nth-child(1272){ background: #54585A; } +.swatch div:nth-child(1273){ background: #25282A; } +.swatch div:nth-child(1274){ background: #BEC6C4; } +.swatch div:nth-child(1275){ background: #A2ACAB; } +.swatch div:nth-child(1276){ background: #919D9D; } +.swatch div:nth-child(1277){ background: #717C7D; } +.swatch div:nth-child(1278){ background: #505759; } +.swatch div:nth-child(1279){ background: #3F4444; } +.swatch div:nth-child(1280){ background: #373A36; } +.swatch div:nth-child(1281){ background: #BABBB1; } +.swatch div:nth-child(1282){ background: #A8A99E; } +.swatch div:nth-child(1283){ background: #919388; } +.swatch div:nth-child(1284){ background: #7E7F74; } +.swatch div:nth-child(1285){ background: #65665C; } +.swatch div:nth-child(1286){ background: #51534A; } +.swatch div:nth-child(1287){ background: #212322; } +.swatch div:nth-child(1288){ background: #C4BFB6; } +.swatch div:nth-child(1289){ background: #AFA9A0; } +.swatch div:nth-child(1290){ background: #9D968D; } +.swatch div:nth-child(1291){ background: #8C857B; } +.swatch div:nth-child(1292){ background: #696158; } +.swatch div:nth-child(1293){ background: #C4BCB7; } +.swatch div:nth-child(1294){ background: #B2A8A2; } +.swatch div:nth-child(1295){ background: #978C87; } +.swatch div:nth-child(1296){ background: #857874; } +.swatch div:nth-child(1297){ background: #746661; } +.swatch div:nth-child(1298){ background: #5E514D; } +.swatch div:nth-child(1299){ background: #382F2D; } +.swatch div:nth-child(1300){ background: #D0C4C5; } +.swatch div:nth-child(1301){ background: #C1B2B6; } +.swatch div:nth-child(1302){ background: #AB989D; } +.swatch div:nth-child(1303){ background: #7B6469; } +.swatch div:nth-child(1304){ background: #584446; } +.swatch div:nth-child(1305){ background: #453536; } +.swatch div:nth-child(1306){ background: #382E2C; } +.swatch div:nth-child(1307){ background: #D7D2CB; } +.swatch div:nth-child(1308){ background: #CBC4BC; } +.swatch div:nth-child(1309){ background: #BFB8AF; } +.swatch div:nth-child(1310){ background: #B6ADA5; } +.swatch div:nth-child(1311){ background: #ACA39A; } +.swatch div:nth-child(1312){ background: #A59C94; } +.swatch div:nth-child(1313){ background: #968C83; } +.swatch div:nth-child(1314){ background: #8C8279; } +.swatch div:nth-child(1315){ background: #83786F; } +.swatch div:nth-child(1316){ background: #6E6259; } +.swatch div:nth-child(1317){ background: #D9D9D6; } +.swatch div:nth-child(1318){ background: #D0D0CE; } +.swatch div:nth-child(1319){ background: #C8C9C7; } +.swatch div:nth-child(1320){ background: #BBBCBC; } +.swatch div:nth-child(1321){ background: #B1B3B3; } +.swatch div:nth-child(1322){ background: #A7A8AA; } +.swatch div:nth-child(1323){ background: #97999B; } +.swatch div:nth-child(1324){ background: #888B8D; } +.swatch div:nth-child(1325){ background: #75787B; } +.swatch div:nth-child(1326){ background: #63666A; } +.swatch div:nth-child(1327){ background: #53565A; } +.swatch div:nth-child(1328){ background: #332F21; } +.swatch div:nth-child(1329){ background: #212721; } +.swatch div:nth-child(1330){ background: #31261D; } +.swatch div:nth-child(1331){ background: #3E2B2E; } +.swatch div:nth-child(1332){ background: #101820; } + +.normani { +/*display: grid; +grid-gap: 5px; +grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ +display: flex; +flex-wrap: wrap; +width: 100%; +height: 80px; + +} +.normani div:nth-child(1) { background: #F2E205;} +.normani div:nth-child(2) { background: #D9CB04;} +.normani div:nth-child(3) { background: #A69B03;} +.normani div:nth-child(4) { background: #595302;} +.normani div:nth-child(5) { background: #262401;} + +.normani div { + +flex: 0 1 200px; +flex: 1 1 200px; +padding: 0px; + +} +.normani { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: wrap; + width: 100%; + height: 80px; +} +.normani div:nth-child(1) { + background: #f2e205; +} +.normani div:nth-child(2) { + background: #d9cb04; +} +.normani div:nth-child(3) { + background: #a69b03; + animation: 2s ease-out 0s 1 slideInFromLeft; +} +.normani div:nth-child(4) { + background: #595302; +} +.normani div:nth-child(5) { + background: #262401; +} + +.normani div { + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; +} + +.gullies { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: wrap; + width: 100%; + height: 2em; + +} +.gullies div:nth-child(1) { + background: #3029f2; + animation: .2s ease-out 0s 1 slideInFromLeft; + animation: .5s ease-in .5s 1 blur; + +} +.gullies div:nth-child(2) { + background: #446ff2; + animation: .2s ease-in .2s 1 blur; +} +.gullies div:nth-child(3) { + background: #3098f2; + animation: .8s ease-out 0s 1 slideInFromLeft; + +} +.gullies div:nth-child(4) { + background: #0dd9c4; + animation: .9s ease-out 0s 1 slideInFromLeft; + +} +.gullies div:nth-child(5) { + background: #3df28b; + + +} + +.gullies div { + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; + + +} + +.oncall { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: wrap; + width: 100%; + height: 5%; +} +.oncall div:nth-child(1) { + background: #f2a922; +} +.oncall div:nth-child(2) { + background: #f28b0c; + +} +.oncall div:nth-child(3) { + background: #f27405; +} +.oncall div:nth-child(4) { + background: #732e07; + +} +.oncall div:nth-child(5) { + background: #bf3706; +} + +.oncall div { + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; + /* animation: 1s ease-out 0s 1 slideInFromLeft;*/ + +} + + + +.megan { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: wrap; + width: 100%; + height: 3em; + +} + +.megan div:nth-child(1) { background: #F2059F;} +.megan div:nth-child(2) { background: #F279D2;} +.megan div:nth-child(3) { background: #F2E205;} +.megan div:nth-child(4) { background: #F2CB05;} +.megan div:nth-child(5) { background: #594302;} + +.megan div { + + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; + +} + + + +.viking { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + + display: flex; + flex-wrap: wrap; + width: 100%; + height: 3em; + +} +.viking div:nth-child(1) { background: #F2F2F2; } +.viking div:nth-child(2) { background: #73463C;} +.viking div:nth-child(3) { background: #8C564A;;} +.viking div:nth-child(4) { background: #260101;} +.viking div:nth-child(5) { background: #0D0000;} + +.viking div { + + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; + + +} + + +.vikingbright { + /*display: grid; + grid-gap: 5px; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ + display: flex; + flex-wrap: nowrap; + width: 100%; + height: 30px; + +} +.vikingbright div:nth-child(1) { background: #F2F2F2;animation: 1s ease-out 0s 1 flip} +.vikingbright div:nth-child(2) { background: #D9AA71;} +.vikingbright div:nth-child(3) { background: #A65F46;} +.vikingbright div:nth-child(4) { background: #73463C;} +.vikingbright div:nth-child(5) { background: #0D0000;/* animation: 1s ease-out 0s 1 flip ;*/} + +.vikingbright div { +/* transform: rotateY(3.142rad);*/ + flex: 0 1 200px; + flex: 1 1 200px; + padding: 0px; + +} +#a-title { +text-decoration: none; +} + + +.glass-content { +width: 100%; +margin: 0; +padding: 0; +display: flex; +flex-flow: column nowrap; + + +} +.glass-item { + scrollbar-color: #595959 #262626; +scrollbar-width: thin; +flex: 1 0 80vw; + padding: 1em; + +min-height: 50px; +max-height: 40vh; +background-color: rgba(255, 255, 255, 0.7); +text-align: left; +margin: 2vmin; +padding: 2vmin; +background-color: #fce4ec; /* for testing*/ + max-width: 60vw; +background: hsla(0,0%,100%,.25) border-box; +overflow: auto; + +box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset, + 0 .5em 1em rgba(0, 0, 0, 0.6); +text-shadow: 0 1px 1px hsla(0,0%,100%,.3); +} + + +.strawberry { +/*display: grid; +grid-gap: 5px; +grid-template-columns: 1fr 1fr 1fr 1fr 1fr; */ +display: flex; +flex-wrap: wrap; +width: 100%; +height: 5%; +} +.strawberry div:nth-child(1) { +background: #485922; +} +.strawberry div:nth-child(2) { +background: #A0A676; +} +.strawberry div:nth-child(3) { +background: #A69F7C; +} +.strawberry div:nth-child(4) { +background: #8C8881; +} +.strawberry div:nth-child(5) { +background: #402E24; +} + +.strawberry div { +flex: 0 1 200px; +flex: 1 1 200px; +padding: 0px; +} + +