:root {
  --mint-cream: #f7fff6ff;
  --honeydew: #eefcefff;
  --nyanza: #d0f1daff;
  --celadon: #a4e0a9ff;
  --cambridge-blue: #93b48bff;
  --cool-gray: #8491a3ff;
  --yinmn-blue: #3e517aff;
}

/* CSS HEX
--uranian-blue: #a8e0ffff;
--non-photo-blue: #8ee3f5ff;
--tiffany-blue: #70cad1ff;
--yinmn-blue: #3e517aff;
--rose-quartz: #b08ea2ff;

/* CSS HSL
--uranian-blue: hsla(201, 100%, 83%, 1);
--non-photo-blue: hsla(190, 84%, 76%, 1);
--tiffany-blue: hsla(184, 51%, 63%, 1);
--yinmn-blue: hsla(221, 33%, 36%, 1);
--rose-quartz: hsla(325, 18%, 62%, 1);

/* SCSS HEX */
/* $uranian-blue: #a8e0ffff;
$non-photo-blue: #8ee3f5ff;
$tiffany-blue: #70cad1ff;
$yinmn-blue: #3e517aff;
$rose-quartz: #b08ea2ff; */

/* SCSS HSL */
/* $uranian-blue: hsla(201, 100%, 83%, 1);
$non-photo-blue: hsla(190, 84%, 76%, 1);
$tiffany-blue: hsla(184, 51%, 63%, 1);
$yinmn-blue: hsla(221, 33%, 36%, 1);
$rose-quartz: hsla(325, 18%, 62%, 1); */

/* SCSS RGB */
/* $uranian-blue: rgba(168, 224, 255, 1);
$non-photo-blue: rgba(142, 227, 245, 1);
$tiffany-blue: rgba(112, 202, 209, 1);
$yinmn-blue: rgba(62, 81, 122, 1);
$rose-quartz: rgba(176, 142, 162, 1); */

/* SCSS Gradient */
/* $gradient-top: linear-gradient(0deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-right: linear-gradient(90deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-bottom: linear-gradient(180deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-left: linear-gradient(270deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-top-right: linear-gradient(45deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-bottom-right: linear-gradient(135deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-top-left: linear-gradient(225deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-bottom-left: linear-gradient(315deg, #a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff);
$gradient-radial: radial-gradient(#a8e0ffff, #8ee3f5ff, #70cad1ff, #3e517aff, #b08ea2ff); */

/* Green Ones */

/* CSS HEX 
--mint-cream: #f7fff6ff;
--honeydew: #eefcefff;
--nyanza: #d0f1daff;
--celadon: #a4e0a9ff;
--cambridge-blue: #93b48bff;
--cool-gray: #8491a3ff;

/* CSS HSL 
--mint-cream: hsla(113, 100%, 98%, 1);
--honeydew: hsla(124, 70%, 96%, 1);
--nyanza: hsla(138, 54%, 88%, 1);
--celadon: hsla(125, 49%, 76%, 1);
--cambridge-blue: hsla(108, 21%, 63%, 1);
--cool-gray: hsla(215, 14%, 58%, 1);

/* SCSS HEX 
$mint-cream: #f7fff6ff;
$honeydew: #eefcefff;
$nyanza: #d0f1daff;
$celadon: #a4e0a9ff;
$cambridge-blue: #93b48bff;
$cool-gray: #8491a3ff;

/* SCSS HSL 
$mint-cream: hsla(113, 100%, 98%, 1);
$honeydew: hsla(124, 70%, 96%, 1);
$nyanza: hsla(138, 54%, 88%, 1);
$celadon: hsla(125, 49%, 76%, 1);
$cambridge-blue: hsla(108, 21%, 63%, 1);
$cool-gray: hsla(215, 14%, 58%, 1);

/* SCSS RGB 
$mint-cream: rgba(247, 255, 246, 1);
$honeydew: rgba(238, 252, 239, 1);
$nyanza: rgba(208, 241, 218, 1);
$celadon: rgba(164, 224, 169, 1);
$cambridge-blue: rgba(147, 180, 139, 1);
$cool-gray: rgba(132, 145, 163, 1);

/* SCSS Gradient 
$gradient-top: linear-gradient(0deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-right: linear-gradient(90deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-bottom: linear-gradient(180deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-left: linear-gradient(270deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-top-right: linear-gradient(45deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-bottom-right: linear-gradient(135deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-top-left: linear-gradient(225deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-bottom-left: linear-gradient(315deg, #f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);
$gradient-radial: radial-gradient(#f7fff6ff, #eefcefff, #d0f1daff, #a4e0a9ff, #93b48bff, #8491a3ff);

*/