/* screen - dsguidelinesgridandlayout */

.dsguidelinesgridandlayout {
  background-color:var(--white);
  height:100vh;
  margin:0px;
  min-height:3006px;
  min-width:1440px;
  overflow:hidden;
  position:relative;
  width:100%;
}
.dsguidelinesgridandlayout .a-layout-is-a-struct-C61RwL {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:344px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:169px;
  width:674px;
}
.dsguidelinesgridandlayout .an-easy-system-of-co-nQx8wP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:176px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:112px;
  width:588px;
}
.dsguidelinesgridandlayout .back-to-top-7Xcv35 {
  background-color:transparent;
  height:24px;
  left:0px;
  pointer-events:auto;
  position:absolute;
  top:108px;
  transition:all 0.2s ease-in-out;
  width:179px;
}
.dsguidelinesgridandlayout .back-to-top-7Xcv35:hover {

opacity: 0.7;
}
.dsguidelinesgridandlayout .back-to-top-Be0qci {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:14.0px;
  height:auto;
  left:32px;
  line-height:16.0px;
  position:absolute;
  text-align:left;
  top:4px;
  white-space:nowrap;
  width:147px;
}
.dsguidelinesgridandlayout .block-contents-C61RwL {
  background-color:transparent;
  height:136px;
  left:1237px;
  position:fixed;
  top:169px;
  width:203px;
}
.dsguidelinesgridandlayout .block-grid-cification-C61RwL {
  background-color:transparent;
  height:1203px;
  left:290px;
  position:absolute;
  top:297px;
  width:853px;
}
.dsguidelinesgridandlayout .block-spacing-system-C61RwL {
  background-color:transparent;
  height:1205px;
  left:344px;
  position:absolute;
  top:1530px;
  width:764px;
}
.dsguidelinesgridandlayout .consistent-aesthetic-nQx8wP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:176px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:200px;
  width:588px;
}
.dsguidelinesgridandlayout .content-item-01-7Xcv35 {
  background-color:transparent;
  height:16px;
  left:0px;
  pointer-events:auto;
  position:absolute;
  top:32px;
  transition:all 0.2s ease-in-out;
  width:179px;
}
.dsguidelinesgridandlayout .content-item-01-7Xcv35:hover {

opacity: 0.7;
}
.dsguidelinesgridandlayout .content-item-02-7Xcv35 {
  background-color:transparent;
  height:16px;
  left:0px;
  pointer-events:auto;
  position:absolute;
  top:64px;
  transition:all 0.2s ease-in-out;
  width:179px;
}
.dsguidelinesgridandlayout .content-item-02-7Xcv35:hover {

opacity: 0.7;
}
.dsguidelinesgridandlayout .contents-7Xcv35 {
  background-color:transparent;
  height:auto;
  left:0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .dashboard-F2je6r {
  background-color:transparent;
  height:40px;
  left:0px;
  position:relative;
  top:0px;
  width:248px;
}
.dsguidelinesgridandlayout .dashboard-Focdw4 {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:14.0px;
  height:auto;
  left:0px;
  line-height:16.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:179px;
}
.dsguidelinesgridandlayout .dashboard-MJQdxZ {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:14.0px;
  height:auto;
  left:0px;
  line-height:16.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:179px;
}
.dsguidelinesgridandlayout .dsicons24a--24-assets-Be0qci {
  background-color:transparent;
  height:24px;
  left:0px;
  position:absolute;
  top:0px;
  width:24px;
}
.dsguidelinesgridandlayout .efficiency-less-dec-nQx8wP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:176px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:48px;
  width:588px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-0FVNv1 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-3DDJfj {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:396px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-5zReo4 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:132px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-9PjYCO {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:732px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-ALhKkx {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:620px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-F9hKSN {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:264px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-HaYhrP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:264px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-HfqqD0 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:132px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-HtDI8x {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-JNJTCE {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:508px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-Q9IPIW {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:620px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-SfoxJs {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:508px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-Tse1x4 {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-ckStDs {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:732px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-dpMv0q {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:396px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-erx7uQ {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:264px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-g7U4tz {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:732px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-iTPcwJ {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:396px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-nYg1KX {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:620px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-txfSQO {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:132px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .font-open--ht-auto-43-vnoYix {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:508px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .for-designers-nQx8wP {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:48px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .for-teams-nQx8wP {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:112px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .for-users-nQx8wP {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:200px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .grid-ios-OFMu2Y {
  background-color:transparent;
  height:971px;
  left:0px;
  position:absolute;
  top:232px;
  width:537px;
}
.dsguidelinesgridandlayout .grid-specification-57gwoB {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .group-C61RwL {
  background-color:transparent;
  height:3006px;
  left:0px;
  position:fixed;
  top:0px;
  width:280px;
}
.dsguidelinesgridandlayout .group-ggi8Rg {
  background-color:transparent;
  height:11px;
  left:8px;
  position:absolute;
  top:7px;
  width:9px;
}
.dsguidelinesgridandlayout .heading-pquVBP {
  background-color:transparent;
  color:var(--black);
  font-size:48.0px;
  height:auto;
  left:0px;
  line-height:56.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:764px;
}
.dsguidelinesgridandlayout .layout-OFMu2Y {
  background-color:transparent;
  height:40px;
  left:54px;
  position:absolute;
  top:0px;
  width:248px;
}
.dsguidelinesgridandlayout .link-c-ZlvmFl {
  background-color:var(--white);
  height:55px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:421px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-c-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-g-accessebility-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:367px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-g-accessebility-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-g-android-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:335px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-g-android-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-g-grid-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:209px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-g-grid-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-g-icons-ZlvmFl {
  background-color:transparent;
  height:32px;
  left:0px;
  position:absolute;
  top:271px;
  width:280px;
}
.dsguidelinesgridandlayout .link-g-typography-ZlvmFl {
  background-color:var(--white);
  height:32px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:303px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-g-typography-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-index-ZlvmFl {
  background-color:var(--white);
  height:69px;
  left:65px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:0px;
  transition:all 0.2s ease-in-out;
  width:150px;
}
.dsguidelinesgridandlayout .link-index-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-m-ZlvmFl {
  background-color:var(--white);
  height:54px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:645px;
  transition:all 0.2s ease-in-out;
  width:280px;
}
.dsguidelinesgridandlayout .link-m-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .link-ux-ZlvmFl {
  background-color:var(--white);
  height:22px;
  left:82px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:93px;
  transition:all 0.2s ease-in-out;
  width:83px;
}
.dsguidelinesgridandlayout .link-ux-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .links-ui-guidelines-NOXmfT {
  background-color:transparent;
  height:699px;
  left:0px;
  position:absolute;
  top:56px;
  width:280px;
}
.dsguidelinesgridandlayout .min-PNJEcD {
  background-color:transparent;
  height:24px;
  left:0px;
  position:absolute;
  top:125px;
  width:828px;
}
.dsguidelinesgridandlayout .min-hPR57u {
  background-color:transparent;
  height:24px;
  left:0px;
  position:absolute;
  top:85px;
  width:828px;
}
.dsguidelinesgridandlayout .nav-grid-NOXmfT {
  background-color:transparent;
  height:3006px;
  left:0px;
  position:absolute;
  top:0px;
  width:280px;
}
.dsguidelinesgridandlayout .navigationpageheader-C61RwL {
  background-color:transparent;
  height:170px;
  left:344px;
  position:absolute;
  top:48px;
  width:765px;
}
.dsguidelinesgridandlayout .our-design-uses-unif-l55oxW {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:360px;
  width:764px;
}
.dsguidelinesgridandlayout .oval-ggi8Rg {
  background-color:transparent;
  height:19px;
  left:3px;
  position:absolute;
  top:3px;
  width:19px;
}
.dsguidelinesgridandlayout .path-13-QEsYGy {
  background-color:transparent;
  height:5px;
  left:0px;
  position:absolute;
  top:0px;
  width:9px;
}
.dsguidelinesgridandlayout .path-3-QEsYGy {
  background-color:transparent;
  height:10px;
  left:4px;
  position:absolute;
  top:1px;
  width:1px;
}
.dsguidelinesgridandlayout .rectangle-ZlvmFl {
  background-color:var(--white);
  height:54px;
  left:0px;
  opacity:0;
  pointer-events:auto;
  position:absolute;
  top:477px;
  transition:all 0.2s ease-in-out;
  width:279px;
}
.dsguidelinesgridandlayout .rectangle-ZlvmFl:hover {

opacity: 0.3;
}
.dsguidelinesgridandlayout .separator-hPR57u {
  background-color:transparent;
  background-image:url(../img/ds-guidelines-android-rectangle-8496F4E1-C6C5-4B49-A5BD-DB7900A74291.png);
  background-size:100% 100%;
  height:1px;
  left:0px;
  position:absolute;
  top:28px;
  width:853px;
}
.dsguidelinesgridandlayout .spacing-system-l55oxW {
  background-color:transparent;
  color:var(--black);
  font-size:32.0px;
  height:auto;
  left:0px;
  line-height:40.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:auto;
}
.dsguidelinesgridandlayout .subheading-pquVBP {
  background-color:transparent;
  color:var(--granite-gray);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:64px;
  white-space:nowrap;
  width:765px;
}
.dsguidelinesgridandlayout .table-grid-cification-OFMu2Y {
  background-color:transparent;
  height:149px;
  left:54px;
  position:absolute;
  top:72px;
  width:853px;
}
.dsguidelinesgridandlayout .table-specification-l55oxW {
  background-color:transparent;
  height:717px;
  left:0px;
  position:absolute;
  top:488px;
  width:672px;
}
.dsguidelinesgridandlayout .we-use-8px-grid-syst-nQx8wP {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:684px;
}
.dsguidelinesgridandlayout .x2-PNJEcD {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:132px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .x2-hPR57u {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:0px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .x3-hPR57u {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:264px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:116px;
}
.dsguidelinesgridandlayout .x375-hPR57u {
  background-color:transparent;
  height:24px;
  left:0px;
  position:absolute;
  top:45px;
  width:828px;
}
.dsguidelinesgridandlayout .x4-0zBpu5 {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:732px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .x4-PNJEcD {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:508px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .x4-hPR57u {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:396px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .x4-onyp2G {
  background-color:transparent;
  color:var(--mine-shaft);
  font-size:16.0px;
  height:auto;
  left:620px;
  line-height:24.0px;
  position:absolute;
  text-align:left;
  top:0px;
  white-space:nowrap;
  width:96px;
}
.dsguidelinesgridandlayout .x8px-grid-l55oxW {
  background-color:transparent;
  height:248px;
  left:0px;
  position:absolute;
  top:72px;
  width:764px;
}
.font-class-1 {
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
}
.font-class-2 {
  font-family:"SFProDisplay-Bold", Helvetica, Arial, serif;
}
.font-class-3 {
  font-family:"SFProDisplay-Semibold", Helvetica, Arial, serif;
}
.font-class-4 {
  font-family:"SFProDisplay-Light", Helvetica, Arial, serif;
}
.font-class-5 {
  color:var(--granite-gray);
  font-family:"SFProDisplay-Regular", Helvetica, Arial, serif;
  font-size:10.0px;
  letter-spacing:2.00px;
  line-height:16.0px;
}
.font-class-6 {
  color:var(--black);
  font-family:'Roboto', Helvetica, Arial, serif;
  font-style:normal;
  font-weight:700;
}
:root {
  --alabaster:rgba(250,250,250,1.0);
  --black:rgba(0,0,0,1.0);
  --bon-jour:rgba(226,226,226,1.0);
  --celeste:rgba(204,204,204,1.0);
  --cerise-red:rgba(235,49,91,1.0);
  --crimson:rgba(218,27,27,1.0);
  --deluge:rgba(123,99,171,1.0);
  --dingley:rgba(90,113,73,1.0);
  --granite-gray:rgba(102,102,102,1.0);
  --lima:rgba(108,199,39,1.0);
  --mine-shaft:rgba(51,51,51,1.0);
  --mountain-mist:rgba(153,153,153,1.0);
  --sea-buckthorn:rgba(250,163,47,1.0);
  --sea-serpent:rgba(74,198,228,1.0);
  --white:rgba(255,255,255,1.0);
}