h3 { · ricoThaka/rashardlearned@e993c5c

Commit

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;
}

h1, h2, h3 {
  line-height:1.1;
}

h1 {
  font-size:28px;
  color:white;
}

h2 {
  font-size: 24px;
  color:white;
}

h3, h4, h5, h6 {
  color:white;
}

h3 {
  font-size: 18px;
  line-height: 24px;
}


a:hover,
a:visited a:hover {
  /*font-size: 130%; */
  color: #63c0f5;
  text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
  
  

}

a {
  padding: 0px;
  color:#29F247 ;
  text-shadow: 0 0 5px rgba(41, 242, 71, 0.5);
  transition: all .4s ease-out;


}

ul{
  list-style-image:url('../images/bullet.png');
}

strong {
  font-weight: bold;
  color: #14e4ff;
}

.mermaid { width: 100%;}
.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 {
  border-left:1px solid #ffcc00;
  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: '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: #33333350;
  border-radius: 2px;
}
/*
pre {
  padding:8px 15px;
  background: #333333;
  border-radius: 3px;
  border:1px solid #c7c7c7;
  overflow: auto;
  overflow-y: hidden;

  code {
    margin: 0px;
    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;
  border: 1px solid #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
  color: #444d56;
  display: inline-block;
  font-size: 11px;
  line-height: 10px;
  padding: 3px 5px;
  vertical-align: middle;
}

table {
  width:100%;
  border-collapse:collapse;
}

th {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
  color: #444;
}

td {
  text-align:left;
  padding:5px 10px;
  border-bottom:1px solid #e5e5e5;
  border-right: 1px solid #ffcc00;

  &:first-child {
    border-left: 1px solid #ffcc00;
  }
}

hr {
  border: 0;
  outline: none;
  height: 11px;
  background: transparent url('../images/hr.gif') center center repeat-x;
  margin: 0 0 20px;
}

dt {
  color:#444;
  font-weight:700;
}

header {
 /* padding: 25px 20px 40px 20px;
  margin: 0;
  position: fixed;
  top: 0;
  left:0;
  right:0;
  width: 100%;
  text-align: center;
  background: url(../images/background.png) #4276b6;
  box-shadow: 1px 0px 2px rgba(0,0,0,.75);
  z-index:99;
  -webkit-font-smoothing:antialiased;
  min-height: 76px; */

  h1 {
    font: 40px/48px 'Martian Mono','Copse', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #f3f3f3;
    text-shadow: 0px 2px 0px #235796;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }

  p {
    color: #d8d8d8;
    text-shadow:rgba(#000, 0.2) 0 1px 0;
    font-size: 18px;
    margin: 0px;
  }
}

section {
     
    display : flex;
    flex-wrap: wrap;
    border-radius: 0px 0px 0px 0px;
    margin-top: 0px;
  width: 85vh; 
  padding: 0px;
    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://landsat.gsfc.nasa.gov/wp-content/uploads/2013/12/San_Fran_new_432.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;font-family: 'Martian Mono',-apple-system, Ariel, Verdana; 
  /* color: #c9ff23;  */
  overflow-y: auto;
  }

  

small {
  font-size:12px;
}

nav {
  width: 230px;
  position: fixed;
  top: 220px;
  left:50%;
  margin-left:-580px;
  text-align: right;

  ul {
    list-style: none;
    list-style-image:none;
    font-size: 14px;
    line-height:24px;

    li {
      padding: 5px 0px;
      line-height: 16px;
      // padding-right:17px;
      // position:relative;
      // right:-12px;

      &.tag-h1 {
        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: white;
          transition: all .2s ease-out;
        }

        + .tag-h2 {

        }
      }

      &.tag-h2 {

        + .tag-h1 {
          margin-top:10px;
        }
      }
    }



    // .active {
    //   border-right:solid 4px #39C;
    //   padding-right:13px;
    // }
  }
}






footer {
  width:180px;
  position: fixed;
  left:50%;
  margin-left:-530px;
  bottom:20px;
  text-align: right;
  line-height: 16px;
}

@media print, screen and (max-width: 1060px) {

  div.wrapper {
    width:100%;
    margin:0;
  }

  nav{
    width: 230px;
    position: fixed;
    top: 220px;
    left:50%;
    margin-left:-580px;
    text-align: right;
  }

  header, section, footer {
    float:none;

    h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
    }
  }

  #banner {
    width: 100%;

    .downloads {
        margin-right: 60px;
      }

    .fork {
    }

    #logo {
      margin-right: 15px;
    }
  }

  section {
    border:1px solid #e5e5e5;
    border-width:1px 0;
    padding:20px 0;
    margin: 190px auto 20px;
    max-width: 600px;
  }

  footer{
    text-align: center;
    margin: 20px auto;
    position: relative;
    left:auto;
    bottom:auto;
    width:auto;
    }
}

@media print, screen and (max-width: 1000px) {
  body {
    word-wrap:break-word;
  }

  header {
    padding:0px 0px;
    margin: 0;

    h1 {
      font-size: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
    }

    p { display: none;}
  }

  #banner {
    top: 80px;

    .fork {
      float: left;
      display: inline-block;
      margin-left: 0px;
    position:fixed;
    left:20px;

      }
  }

  section {
    margin-top: 0px;
    margin-bottom: 0px;
    width: auto;
  }

  header ul, header p.view {
    position:static;
  }
}

@media print, screen and (max-width: 1024px) {
  body {
  }

  header{
    position: relative;
    padding: 0px 0px;
    min-height: 0px;

    h1 {
      font-size: 24px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
    }
  }
  section {
    margin-top: 0px;
  }

  #banner { display: none;}
  header ul {
    display:none;
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}

@media print, screen and (max-height: 680px) {

  footer {
    text-align: center;
    margin: 20px auto;
    position: relative;
    left:auto;
    bottom:auto;
    width:auto;
  }
}

@media print, screen and (max-height: 480px) {
  nav {
    display: none;
  }

  footer {
    text-align: center;
    margin: 20px auto;
    position: relative;
    left:auto;
    bottom:auto;
    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;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0px;
  width: 100%;
  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: #43B02…

Loading branch information

ricoThaka authored Nov 18, 2024

1 parent 4e11169 commit e993c5c

_sass/jekyll-theme-leap-day.scss

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -325,6 +325,17 @@ h2 {
  
    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:

    @@ -409,15 +420,14 @@ strong {
  
      color: #14e4ff;

    }

    .mermaid { width: 100%;}

    .wrapper {

     /* width:650px; */

      width:650px;

      margin:0 auto;

      position:relative;

    }

    section img {

    #section img {

      max-height: auto;

      max-width: 100%;

    @@ -571,7 +581,7 @@ header {
  
      }

    }

    section {

    #content {

        display : flex;

        flex-wrap: wrap;

    @@ -589,7 +599,7 @@ section {
  
      /* opera does not like 'margin:20px auto' */

      /* background: #666; */

      border: 1px solid white;

      background: url(https://landsat.gsfc.nasa.gov/wp-content/uploads/2013/12/San_Fran_new_432.jpg) no-repeat 0 0 fixed;

      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;

    @@ -692,20 +702,15 @@ footer {
  
    @media print, screen and (max-width: 1060px) {

      div.wrapper {

        width:100%;

        width:auto;

        margin:0;

      }

      nav{

        width: 230px;

        position: fixed;

        top: 220px;

        left:50%;

        margin-left:-580px;

        text-align: right;

        display: none;

      }

      header, section, footer {

      header, content, footer {

        float:none;

        h1 {

    @@ -947,11 +952,7 @@ iframe {
  
    .twoPanelSpread {

      margin: 0px;

      display: flex;

      flex-direction: row;

      flex-wrap: nowrap;

      padding: 0px;

      width: 100%;

      background: url(https://raw.githubusercontent.com/ThakaRashard/bubblegumpop/gh-pages/img/810MATRiX.webp)

        center repeat;

    }

    @@ -2675,13 +2676,14 @@ padding: 0px;
  
    }

    .oncall div:nth-child(2) {

      background: #f28b0c;

        animation: 1s ease-in 1s 1 slideInFromLeft;

    }

    .oncall div:nth-child(3) {

      background: #f27405;

    }

    .oncall div:nth-child(4) {

      background: #732e07;

    }

    .oncall div:nth-child(5) {

      background: #bf3706;

    @@ -2691,12 +2693,12 @@ padding: 0px;
  
      flex: 0 1 200px;

      flex: 1 1 200px;

      padding: 0px;

        animation: 1s ease-out 0s 1 slideInFromLeft;

        /* animation: 1s ease-out 0s 1 slideInFromLeft;*/

    }

    .megan {

      /*display: grid;

      grid-gap: 5px;

    @@ -2842,6 +2844,3 @@ flex: 1 1 200px;
  
    padding: 0px;

    }

0 comments on commit `e993c5c`

Please sign in to comment.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

0 comments on commit `e993c5c`

Commit

There are no files selected for viewing

0 comments on commit e993c5c

0 comments on commit `e993c5c`